diff --git a/src/pages/03_customer-management/BranchPage.vue b/src/pages/03_customer-management/BranchPage.vue
index 33235601..d36bf5f1 100644
--- a/src/pages/03_customer-management/BranchPage.vue
+++ b/src/pages/03_customer-management/BranchPage.vue
@@ -484,15 +484,11 @@ watch([customerId, inputSearch, currentStatus], async () => {
                   }
                 "
               />
+
               <q-btn
-                class="btn-arrow-right"
-                :class="{ active: currentBtnOpen[props.rowIndex] }"
-                icon="mdi-arrow-right-bold-outline"
-                size="sm"
                 dense
-                round
                 flat
-                @click="
+                @click.stop="
                   async () => {
                     const res = await fetchBranchEmployee(props.row.id);
 
@@ -503,7 +499,19 @@ watch([customerId, inputSearch, currentStatus], async () => {
                     }
                   }
                 "
-              />
+              >
+                <div class="row items-center">
+                  <q-icon name="mdi-account-group-outline" />
+                  <q-icon
+                    class="btn-arrow-right"
+                    :class="{
+                      active: currentBtnOpen[props.rowIndex],
+                    }"
+                    size="xs"
+                    name="mdi-chevron-right"
+                  />
+                </div>
+              </q-btn>
             </q-td>
           </q-tr>