diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 968297ab..0dfb37d4 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1307,11 +1307,7 @@ const emptyCreateDialog = ref(false);
                           </q-tooltip>
                         </q-td>
 
-                        <q-td
-                          v-if="fieldSelected.includes('address')"
-                          style="max-width: 150px"
-                          class="ellipsis"
-                        >
+                        <q-td v-if="fieldSelected.includes('address')">
                           {{
                             locale === 'eng'
                               ? `${props.row.branch[0].addressEN}, ${props.row.branch[0].mooEN && `${$t('form.moo')} ${props.row.branch[0].mooEN},`} ${props.row.branch[0].soiEN && `${$t('form.soi')} ${props.row.branch[0].soiEN},`} ${props.row.branch[0].moo && `${props.row.branch[0].streetEN} Rd,`} ${props.row.branch[0].subDistrict.nameEN}, ${props.row.branch[0].district.nameEN}, ${props.row.branch[0].province.nameEN} ${props.row.branch[0].subDistrict.zipCode}` ||
@@ -2042,7 +2038,7 @@ const emptyCreateDialog = ref(false);
                   size="sm"
                   rounded
                   padding="0px 0px"
-                  class="app-text-muted"
+                  style="color: var(--stone-9)"
                   @click.stop="customerFormStore.addCurrentCustomerBranch()"
                   v-if="
                     customerFormState.branchIndex === -1 &&
@@ -2061,6 +2057,7 @@ const emptyCreateDialog = ref(false);
           style="height: 100%; max-height: 100%; overflow-y: auto"
         >
           <EmployerFormBasicInfo
+            prefixId="form"
             v-if="
               customerFormData.customerBranch !== undefined &&
               customerFormData.customerBranch.length > 0
@@ -2233,6 +2230,7 @@ const emptyCreateDialog = ref(false);
 
                 <EmployerFormBranch
                   :index="idx"
+                  prefixId="form"
                   v-model:customer="customerFormData"
                   v-model:customer-branch="customerFormData.customerBranch[idx]"
                   :onCreate="customerFormState.dialogType === 'create'"
@@ -3239,7 +3237,7 @@ const emptyCreateDialog = ref(false);
                     size="sm"
                     rounded
                     padding="0px 0px"
-                    class="app-text-muted"
+                    style="color: var(--stone-9)"
                     @click.stop="customerFormStore.addCurrentCustomerBranch()"
                     v-if="
                       customerFormState.branchIndex === -1 &&
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue b/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
index 8db229fb..9399a25a 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
@@ -130,6 +130,7 @@ withDefaults(
       <q-tab-panels v-model="tab">
         <q-tab-panel name="main">
           <EmployerFormAbout
+            :prefixId="prefixId"
             :index="index.toString()"
             :readonly="readonly"
             :customer-type="customerType"
@@ -205,6 +206,7 @@ withDefaults(
         <q-tab-panel name="contact">
           <EmployerFormContact
             :readonly="readonly"
+            :prefixId="prefixId"
             v-model:contactName="item.contactName"
             v-model:email="item.email"
             v-model:contactTel="item.contactTel"