diff --git a/src/i18n/en-US/customer-main-page.ts b/src/i18n/en-US/customer-main-page.ts
index 97bc8681..75fbceef 100644
--- a/src/i18n/en-US/customer-main-page.ts
+++ b/src/i18n/en-US/customer-main-page.ts
@@ -30,4 +30,6 @@ export default {
   registerDate: 'Register Date',
   authorizedCapital: 'Registered Capital',
   registerName: 'RegisterName',
+
+  customerBranchFormTab: 'Branch ',
 };
diff --git a/src/i18n/en-US/form-dialog.ts b/src/i18n/en-US/form-dialog.ts
index f0a77c4c..f7f80cd7 100644
--- a/src/i18n/en-US/form-dialog.ts
+++ b/src/i18n/en-US/form-dialog.ts
@@ -97,4 +97,6 @@ export default {
   formDialogInputTrainingPlace: 'Training Place',
   formDialogInputCheckpoint: 'Checkpoint',
   formDialogAttachment: 'Attachment Document',
+
+  formDialogCustomerBranch: 'Branch Information',
 };
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 8dd3a762..dac7ce61 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -306,22 +306,18 @@ function onClose() {
     <template #address>
       <!-- <FormCustomerBranch separator dense outlined /> -->
 
-      <div class="col-3 app-text-muted">• {{ $t('test') }}</div>
+      <div class="col-3 app-text-muted">
+        • {{ $t('formDialogCustomerBranch') }}
+      </div>
 
       <div
         class="col-12 full-width row bordered-b bordered-l bordered-r rounded"
       >
         <TabComponent
           v-model:customer-branch="formData.customerBranch"
-          v-model:indexTab="indexTab"
+          v-model:tab-index="indexTab"
         >
           <template #address>
-            {{
-              indexTab && formData.customerBranch?.[indexTab] ? 'จริง' : 'ไม่'
-            }}
-
-            {{ indexTab }}
-
             <FormAddress
               v-if="
                 indexTab !== undefined && formData.customerBranch?.[indexTab]