diff --git a/src/i18n/en-US/personnel-main-page.ts b/src/i18n/en-US/personnel-main-page.ts
index 17b40da7..449c5947 100644
--- a/src/i18n/en-US/personnel-main-page.ts
+++ b/src/i18n/en-US/personnel-main-page.ts
@@ -9,5 +9,5 @@ export default {
   personnelSelector3: 'Agent',
   personnelSelector4: 'Agency',
 
-  personnelStatTitle: 'Summary of data'
+  personnelStatTitle: 'Summary data of '
 };
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index b3b79213..2eda42cb 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -135,11 +135,11 @@ const selectorList = [
       />
 
       <!-- stat -->
-      <AppBox bordered class="column full-width" style="overflow-x: auto">
-        <span class="text-weight-bold text-subtitle1">
-          {{ $t('personnelStatTitle') + selectorLabel }}
+      <AppBox bordered class="column full-width">
+        <span class="q-pb-lg text-weight-bold text-subtitle1">
+          {{ $t('personnelStatTitle') + $t(selectorLabel) }}
         </span>
-        <div class="row q-pt-lg">
+        <div class="row col full-width" style="overflow-x: auto">
           <stat-card-componet :branch="branchStat" class="no-wrap" />
         </div>
       </AppBox>
@@ -148,7 +148,6 @@ const selectorList = [
     <!-- main -->
     <AppBox bordered style="width: 100%; height: 580px; overflow-y: auto">
       <!-- <PersonCard :list="person" class="q-mb-md" /> -->
-
       <div class="column" style="height: 100%">
         <div class="col-1 self-end">
           <div class="row">