diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index e00bc118..ef4acc82 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -1825,7 +1825,7 @@ watch(currentHq, () => {
           v-if="currentTab === 'main'"
           :class="{
             'q-py-md q-px-lg': $q.screen.gt.sm,
-            'q-py-sm q-px-lg': !$q.screen.gt.sm,
+            'q-pa-sm': !$q.screen.gt.sm,
           }"
           style="position: absolute; z-index: 99999; top: 0; right: 0"
         >
@@ -1923,7 +1923,7 @@ watch(currentHq, () => {
           class="col-12 col-md-10 full-height"
           :class="{
             'q-py-md q-pr-md ': $q.screen.gt.sm,
-            'q-py-md q-px-lg': !$q.screen.gt.sm,
+            'q-pa-sm': !$q.screen.gt.sm,
           }"
           id="branch-form"
           style="overflow-y: auto"
@@ -2174,7 +2174,7 @@ watch(currentHq, () => {
       </div>
 
       <div
-        class="col"
+        class="col full-width"
         :class="{
           'q-px-lg q-pb-lg': $q.screen.gt.sm,
           'q-px-md q-pb-sm': !$q.screen.gt.sm,
@@ -2187,7 +2187,7 @@ watch(currentHq, () => {
           <div
             :class="{
               'q-py-md q-px-lg': $q.screen.gt.sm,
-              'q-py-sm q-px-lg': !$q.screen.gt.sm,
+              'q-pa-sm': !$q.screen.gt.sm,
             }"
             style="position: absolute; z-index: 99999; top: 0; right: 0"
           >
@@ -2278,7 +2278,7 @@ watch(currentHq, () => {
             class="col-12 col-md-10 full-height"
             :class="{
               'q-py-md q-pr-md ': $q.screen.gt.sm,
-              'q-py-md q-px-lg': !$q.screen.gt.sm,
+              'q-pa-sm': !$q.screen.gt.sm,
             }"
             id="branch-info"
             style="overflow-y: auto"