diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 7eee4684..912ac966 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -109,7 +109,9 @@ const customerStats = [
   {
     id: 2,
     count: 3,
-    name: 'customerNaturalPerson',
+    name: 'นายจ้าง 2',
+    nameEN: 'Employer 2',
+    isEmployer: true,
   },
 ];
 
@@ -166,8 +168,20 @@ function onClose() {
 
       <!-- stat -->
       <AppBox bordered class="column full-width">
+        <div class="row q-pb-sm justify-between items-center">
           <div class="text-weight-bold text-subtitle1">
             {{ $t('customerStatTitle') }}
+          </div>
+          {{ selectorLabel }}
+          <q-btn
+            id="btn-add-customer"
+            dense
+            unelevated
+            :label="'+ ' + $t('customerAdd')"
+            padding="4px 16px"
+            @click="openDialogCustomerType()"
+            style="background-color: var(--cyan-6); color: white"
+          />
         </div>
         <div class="row full-width q-py-md" style="overflow-x: auto">
           <StatCardComponent