diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 9127e3f7..bb471bec 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1940,7 +1940,7 @@ const emptyCreateDialog = ref(false);
         >
           <template v-if="employeeFormState.currentTab === 'personalInfo'">
             <div
-              class="q-pt-sm row"
+              class="surface-1 rounded q-pt-sm row"
               style="position: absolute; z-index: 999; right: 4%"
             >
               <UndoButton
@@ -2005,6 +2005,7 @@ const emptyCreateDialog = ref(false);
               v-model:nrc-no="currentFromDataEmployee.nrcNo"
               v-model:code="currentFromDataEmployee.code"
               @filter-owner-branch="employeeFormStore.employeeFilterOwnerBranch"
+              class="q-mb-xl"
             />
             <FormPerson
               id="form-personal"
@@ -2037,6 +2038,7 @@ const emptyCreateDialog = ref(false);
               v-model:zipCode="currentFromDataEmployee.zipCode"
               employee
               dense
+              class="q-mb-xl"
             />
 
             <FormEmployeePassport
@@ -2063,6 +2065,7 @@ const emptyCreateDialog = ref(false);
               v-model:previous-passport-reference="
                 currentFromDataEmployee.previousPassportReference
               "
+              class="q-mb-xl"
             />
 
             <FormEmployeeVisa
@@ -2083,6 +2086,7 @@ const emptyCreateDialog = ref(false);
               "
               v-model:tm6-number="currentFromDataEmployee.tm6Number"
               v-model:entry-date="currentFromDataEmployee.entryDate"
+              class="q-mb-xl"
             />
           </template>
 
@@ -2427,7 +2431,7 @@ const emptyCreateDialog = ref(false);
         >
           <template v-if="employeeFormState.currentTab === 'personalInfo'">
             <div
-              class="q-pt-sm row"
+              class="surface-1 rounded q-pt-sm row"
               style="position: absolute; z-index: 999; right: 4%"
             >
               <UndoButton
@@ -2486,6 +2490,7 @@ const emptyCreateDialog = ref(false);
               v-model:nrc-no="currentFromDataEmployee.nrcNo"
               v-model:code="currentFromDataEmployee.code"
               @filter-owner-branch="employeeFormStore.employeeFilterOwnerBranch"
+              class="q-mb-xl"
             />
             <FormPerson
               id="drawer-form-personal"
@@ -2503,6 +2508,7 @@ const emptyCreateDialog = ref(false);
               v-model:gender="currentFromDataEmployee.gender"
               v-model:birthDate="currentFromDataEmployee.dateOfBirth"
               v-model:nationality="currentFromDataEmployee.nationality"
+              class="q-mb-xl"
             />
             <AddressForm
               id="drawer-form-personal-address"
@@ -2516,6 +2522,7 @@ const emptyCreateDialog = ref(false);
               :readonly="!employeeFormState.isEmployeeEdit"
               prefix-id="drawer-info-personnel"
               dense
+              class="q-mb-xl"
             />
             <FormEmployeePassport
               prefix-id="drawer-info-employee"
@@ -2542,6 +2549,7 @@ const emptyCreateDialog = ref(false);
               v-model:previous-passport-reference="
                 currentFromDataEmployee.previousPassportReference
               "
+              class="q-mb-xl"
             />
             <FormEmployeeVisa
               prefix-id="drawer-info-employee"
@@ -2562,6 +2570,7 @@ const emptyCreateDialog = ref(false);
               "
               v-model:tm6-number="currentFromDataEmployee.tm6Number"
               v-model:entry-date="currentFromDataEmployee.entryDate"
+              class="q-mb-xl"
             />
           </template>