diff --git a/src/pages/03_customer-management/BranchPage.vue b/src/pages/03_customer-management/BranchPage.vue
index 12e06993..1e514dca 100644
--- a/src/pages/03_customer-management/BranchPage.vue
+++ b/src/pages/03_customer-management/BranchPage.vue
@@ -395,7 +395,7 @@ watch([customerId, inputSearch, currentStatus], async () => {
             <q-th
               v-for="(v, i) in cols"
               :key="v"
-              :class="{ 'text-left': i === 0 }"
+              :class="{ 'text-left': i === 0 || i === 2 || i === 3 }"
             >
               {{ $t(v.label) }}
             </q-th>
@@ -455,7 +455,7 @@ watch([customerId, inputSearch, currentStatus], async () => {
             </q-td>
             <q-td
               v-if="branchFieldSelected.includes('address')"
-              class="text-center"
+              class="text-left"
             >
               {{
                 $i18n.locale === 'eng'
@@ -465,13 +465,13 @@ watch([customerId, inputSearch, currentStatus], async () => {
             </q-td>
             <q-td
               v-if="branchFieldSelected.includes('telephone')"
-              class="text-center"
+              class="text-left"
             >
               {{ props.row.telephoneNo || '-' }}
             </q-td>
             <q-td
               v-if="branchFieldSelected.includes('businessTypePure')"
-              class="text-center"
+              class="text-left"
             >
               {{ useOptionStore().mapOption(props.row.bussinessType) || '-' }}
             </q-td>
@@ -482,21 +482,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
               {{ props.row._count?.employee }}
             </q-td>
             <q-td>
-              <q-btn
-                icon="mdi-eye-outline"
-                :id="`btn-eye-${props.row.customerName}`"
-                size="sm"
-                dense
-                round
-                flat
-                @click="
-                  () => {
-                    customerBranchFormStore.initForm('info', props.row.id);
-                    customerBranchFormState.dialogModal = true;
-                  }
-                "
-              />
-
               <q-btn
                 dense
                 flat
@@ -531,6 +516,20 @@ watch([customerId, inputSearch, currentStatus], async () => {
                   />
                 </div>
               </q-btn>
+              <q-btn
+                icon="mdi-eye-outline"
+                :id="`btn-eye-${props.row.customerName}`"
+                size="sm"
+                dense
+                round
+                flat
+                @click="
+                  () => {
+                    customerBranchFormStore.initForm('info', props.row.id);
+                    customerBranchFormState.dialogModal = true;
+                  }
+                "
+              />
             </q-td>
           </q-tr>