diff --git a/src/modules/03_recruiting/components/Occupation.vue b/src/modules/03_recruiting/components/Occupation.vue
index a80a6788a..2e99c977d 100644
--- a/src/modules/03_recruiting/components/Occupation.vue
+++ b/src/modules/03_recruiting/components/Occupation.vue
@@ -9,8 +9,8 @@
     :editData="false"
   />
   <q-form ref="myform">
-    <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
-      <div class="col-12">
+    <div class="row col-12 items-center">
+      <div class="col-12 q-pb-sm">
         <q-radio
           v-model="defaultOccupation.positionType"
           label="ลูกจ้างประจำ"
@@ -33,8 +33,8 @@
           :disable="!(status == 'checkRegister' || status == 'payment')"
         />
       </div>
-      <div class="col-12 row">
-        <div class="col-3">
+      <div class="col-12 row q-col-gutter-sm">
+        <div class="col-4">
           <q-input
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
@@ -48,9 +48,8 @@
             :label="`${'ชื่อตำแหน่ง'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
@@ -64,9 +63,8 @@
             :label="`${'เงินเดือน'}`"
           />
         </div>
-      </div>
-      <div class="col-12 row">
-        <div class="col-3">
+      
+        <div class="col-4">
           <q-input
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
@@ -80,9 +78,8 @@
             :label="`${'กลุ่ม/ฝ่าย'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
@@ -95,9 +92,8 @@
             :label="`${'กอง'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
@@ -110,9 +106,8 @@
             :label="`${'สังกัด'}`"
           />
         </div>
-        <div class="col-3">
+        <div class="col-4">
           <q-input
-            class="q-pl-sm"
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"
             dense
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index c70deb340..dce973290 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -197,7 +197,7 @@ const fileOpen = (url: string) => {
         bordered
         :style="$q.screen.gt.xs ? 'height: 80vh' : 'height: auto;'"
       >
-        <div class="eow col-12" v-for="(d, index) in data" :key="d.no">
+        <div class=" col-12" v-for="(d, index) in data" :key="index">
           <div class="col-12 q-pa-xs">
             <q-item>
               <q-item-section top avatar>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index bba46f1ee..a67c7985e 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -468,7 +468,7 @@ const clickDelete = (id: string) => {
             </div>
 
             <q-list style="min-width: 300px" v-for="n in notiList" :key="n.id">
-              <q-item v-ripple class="mytry" dense>
+              <q-item v-ripple class="mytry q-py-xs" dense>
                 <q-item-section avatar top style="min-width: 40px">
                   <q-avatar color="primary" size="22px" text-color="white">
                     <span class="text-weight-medium text-uppercase">{{