diff --git a/src/modules/06_retirement/components/02_resign/ResignByid.vue b/src/modules/06_retirement/components/02_resign/ResignByid.vue
index 96b3c9f5f..5cdf9cb3e 100644
--- a/src/modules/06_retirement/components/02_resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/02_resign/ResignByid.vue
@@ -802,8 +802,7 @@ onMounted(async () => {
 
               <div
                 v-if="
-                  !checkRoutePermisson &&
-                  dataDetail.statusMain === 'WAITTING'
+                  !checkRoutePermisson && dataDetail.statusMain === 'WAITTING'
                 "
               >
                 <div v-if="!conditions">
@@ -881,8 +880,7 @@ onMounted(async () => {
 
                 <q-file
                   v-if="
-                    !checkRoutePermisson &&
-                    dataDetail.statusMain === 'WAITTING'
+                    !checkRoutePermisson && dataDetail.statusMain === 'WAITTING'
                   "
                   class="col-12"
                   for="#evidenceFiles"
@@ -1175,10 +1173,7 @@ onMounted(async () => {
           <!-- workflowRef?.permission.isUpdate && -->
 
           <div
-            v-if="
-              !checkRoutePermisson &&
-              dataDetail.statusMain === 'WAITTING'
-            "
+            v-if="!checkRoutePermisson && dataDetail.statusMain === 'WAITTING'"
           >
             <div class="q-gutter-sm" v-if="!edit">
               <q-btn
@@ -1323,7 +1318,6 @@ onMounted(async () => {
             <div class="col-xs-4 row">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="date"
                   :locale="'th'"
@@ -1496,6 +1490,10 @@ onMounted(async () => {
 </template>
 
 <style lang="scss" scope>
+.modalfix {
+  position: fixed !important;
+}
+
 .q-img {
   border-radius: 5px;
   height: 70px;
diff --git a/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue b/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue
index de28f01f6..62257df82 100644
--- a/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue
+++ b/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue
@@ -1341,7 +1341,6 @@ onMounted(async () => {
             <div class="col-xs-4 row">
               <div class="col-12">
                 <datepicker
-                  menu-class-name="modalfix"
                   :readonly="!edit"
                   v-model="date"
                   :locale="'th'"
@@ -1513,6 +1512,10 @@ onMounted(async () => {
 </template>
 
 <style lang="scss" scope>
+.modalfix {
+  position: fixed !important;
+}
+
 .q-img {
   border-radius: 5px;
   height: 70px;