diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 5dd3695d..05b8a783 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1800,7 +1800,7 @@ watch([inputSearch, currentStatus], async () => {
         "
         @dialog="dialogInputCustomerBranchForm = true"
         @viewDetail="
-          (v) => {
+          async (v) => {
             currentBranchId = v[0].id;
 
             statusToggle = v[0].status === 'INACTIVE' ? false : true;
@@ -1812,6 +1812,8 @@ watch([inputSearch, currentStatus], async () => {
 
             if (currentCustomer) assignFormData(currentCustomer.id);
 
+            await fetchListOfOptionBranch();
+
             infoDrawerBranch = true;
           }
         "
@@ -2697,6 +2699,8 @@ watch([inputSearch, currentStatus], async () => {
             separator
             :readonly="true"
             :type-customer="customerType"
+            :options-branch="branchOption"
+            v-model:registered-branch-id="formData.registeredBranchId"
             v-model:customer-name="formData.customerName"
             v-model:customer-name-en="formData.customerNameEN"
             v-model:person-name="formData.personName"