diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 3030584d..8df06a09 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -580,6 +580,7 @@ watch(
 watch(
   () => formData.value.userType,
   async () => {
+    if (!infoDrawerEdit.value) return;
     formData.value.registrationNo = null;
     formData.value.startDate = null;
     formData.value.retireDate = null;
@@ -939,7 +940,7 @@ watch(inputSearch, async () => await fetchUserList());
         </div>
       </div>
 
-      <div class="col scroll q-pa-md full-width">
+      <div class="col scroll q-pa-md full-width column">
         <div v-if="userData && userData.total > 0 && !inputSearch">
           <q-table
             flat
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 46e75105..4a41ca28 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -2234,7 +2234,7 @@ watch([inputSearch, currentStatus], async () => {
 
                 <div
                   v-if="listCustomer.length !== 0"
-                  class="row justify-between items-center q-px-md"
+                  class="row justify-between items-center q-px-md q-py-sm"
                 >
                   <div class="row col-4 items-center">
                     <div class="app-text-muted" style="width: 80px">
@@ -2672,7 +2672,7 @@ watch([inputSearch, currentStatus], async () => {
                 </div>
                 <div
                   v-if="listEmployee.length !== 0"
-                  class="row justify-between items-center q-px-md"
+                  class="row justify-between items-center q-px-md q-py-sm"
                 >
                   <div class="row col-4 items-center">
                     <div class="app-text-muted" style="width: 80px">