diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 69f1726f..05f55d4f 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -1895,7 +1895,7 @@ watch(currentHq, () => {
             />
           </div>
           <div
-            class="col-12 col-md-10 q-py-md q-pr-md q-pl-sm full-height q-gutter-y-xl"
+            class="col-12 col-md-10 q-py-md q-pr-md q-pl-sm full-height"
             id="branch-info"
             style="overflow-y: auto"
           >
@@ -1914,6 +1914,7 @@ watch(currentHq, () => {
               :readonly="formType === 'view'"
               view
               title="formDialogTitleInformation"
+              class="q-mb-xl"
             />
             <FormBranchContact
               id="info-contact"
@@ -1928,6 +1929,7 @@ watch(currentHq, () => {
               :separator="true"
               :dense="true"
               :outlined="true"
+              class="q-mb-xl"
             />
             <AddressForm
               id="info-address"
@@ -1947,6 +1949,7 @@ watch(currentHq, () => {
               v-model:district-id="formData.districtId"
               v-model:sub-district-id="formData.subDistrictId"
               v-model:zip-code="formData.zipCode"
+              class="q-mb-xl"
             />
             <FormLocation
               id="info-location"
@@ -1955,6 +1958,7 @@ watch(currentHq, () => {
               v-model:longitude="formData.longitude"
               :readonly="formType === 'view'"
               :separator="true"
+              class="q-mb-xl"
             />
             <FormQr
               id="info-qr"
@@ -1974,6 +1978,7 @@ watch(currentHq, () => {
               title="bankBook"
               dense
               v-model:bank-book-list="formBankBook"
+              class="q-mb-xl"
             />
             <FormBranchAdmin
               id="info-branch-admin-view"