diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 616f96db..586ed370 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -573,7 +573,10 @@ watch(locale, () => {
                       class="row items-center justify-between full-width no-wrap"
                     >
                       <span>{{ node.name }}</span>
-                      <div class="q-gutter-xs flex no-wrap" @click.stop>
+                      <div
+                        class="row q-gutter-xs items-center no-wrap"
+                        @click.stop
+                      >
                         <q-btn
                           v-if="node.isHeadOffice"
                           :id="`create-sub-branch-btn-${node.name}`"
@@ -581,15 +584,18 @@ watch(locale, () => {
                             triggerCreate('subBranch', node.id, node.code)
                           "
                           icon="mdi-file-plus-outline"
-                          fab-mini
-                          unelevated
+                          size="sm"
+                          dense
+                          round
+                          flat
                         />
 
                         <q-btn
                           :id="`view-detail-btn-${node.name}`"
                           icon="mdi-dots-vertical"
-                          fab-mini
-                          unelevated
+                          size="sm"
+                          dense
+                          round
                           flat
                         >
                           <q-menu class="bordered">