diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index de8a6a0c..1ceb4411 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -731,8 +731,9 @@ watch(inputSearch, async () => await fetchUserList());
             </q-input>
 
             <div
-              class="row col-12 col-md-4"
+              class="row col-12 col-md-5"
               :class="{ 'q-pt-xs': $q.screen.lt.md }"
+              style="white-space: nowrap"
             >
               <q-select
                 v-model="statusFilter"
@@ -938,7 +939,7 @@ watch(inputSearch, async () => await fetchUserList());
         </div>
       </div>
 
-      <div class="col scroll column q-pa-md">
+      <div class="col scroll q-pa-md full-width">
         <div v-if="userData && userData.total > 0 && !inputSearch">
           <q-table
             flat
@@ -1323,7 +1324,7 @@ watch(inputSearch, async () => await fetchUserList());
           v-if="userData && userData.total === 0 && !inputSearch"
           class="col column"
         >
-          <div class="flex justify-end q-pa-md">
+          <div class="flex justify-end">
             <TooltipComponent
               title="personnelTooltipTitle"
               caption="personnelTooltipCaption"