diff --git a/src/components/Dialogs/AddPersonal.vue b/src/components/Dialogs/AddPersonal.vue
index 88f37ebd6..52d10a313 100644
--- a/src/components/Dialogs/AddPersonal.vue
+++ b/src/components/Dialogs/AddPersonal.vue
@@ -150,7 +150,9 @@ async function getSearch() {
         prefix: e.prefix,
         firstName: e.firstName,
         lastName: e.lastName,
-        name: `${e.prefix ? e.prefix :''}${e.firstName ? e.firstName :''}  ${e.lastName ? e.lastName :''}`,
+        name: `${e.prefix ? e.prefix : ""}${e.firstName ? e.firstName : ""}  ${
+          e.lastName ? e.lastName : ""
+        }`,
         posNo: e.posNo ?? "-",
         position: e.position ?? "-",
         positionLevel: e.positionLevelName ?? "-",
@@ -203,9 +205,9 @@ watch(
 );
 
 function updatePagination(newPagination: any) {
+  console.log("🚀 ~ updatePagination ~ newPagination:", newPagination)
   pagination.value.page = 1;
   pagination.value.rowsPerPage = newPagination.rowsPerPage;
-
 }
 
 watch(
@@ -233,7 +235,7 @@ watch(
         />
       </q-toolbar>
       <q-separator />
-      <q-card-section class="q-pa-md">
+      <q-card-section class="q-pa-md scroll" style="max-height: 80vh">
         <div class="row col-12 q-col-gutter-sm items-start">
           <div class="col-12 col-sm-5 col-md-3">
             <q-select
@@ -289,6 +291,7 @@ watch(
             :visible-columns="mainStore.visibleColumnsRespondent"
             :selection="props.selecetSwitch"
             v-model:selected="selected"
+            :rows-per-page-options="[10, 25, 50, 100]"
             @update:pagination="updatePagination"
           >
             <template v-slot:pagination="scope">
@@ -355,7 +358,9 @@ watch(
                     {{ props.prefix }}
                   </div>
                   <div v-else-if="col.name === 'salary'">
-                    {{ props.row.salary ? props.row.salary.toLocaleString():'-' }}
+                    {{
+                      props.row.salary ? props.row.salary.toLocaleString() : "-"
+                    }}
                   </div>
                   <div v-else>
                     {{ col.value }}
@@ -367,21 +372,14 @@ watch(
         </div>
       </q-card-section>
       <q-separator />
-
-      <div class="row justify-end q-px-md q-py-sm items-center">
-        <q-btn
-          dense
-          color="public"
-          id="onSubmit"
-          class="q-px-md q-py-xs"
-          @click="savePost"
-        >
+      <q-card-actions align="right" class="q-mx-sm q-my-xs">
+        <q-btn color="public" id="onSubmit" @click="savePost">
           <!-- <q-icon left name="add" /> -->
           <div>{{ props.btnTitle }}</div>
           <!-- icon="mdi-content-save-outline" -->
           <q-tooltip>{{ props.btnTitle }}</q-tooltip>
         </q-btn>
-      </div>
+      </q-card-actions>
     </q-card>
   </q-dialog>
 </template>