diff --git a/src/modules/06_retirement/components/resign/ResignByid.vue b/src/modules/06_retirement/components/resign/ResignByid.vue
index 1b4ad5313..521812b44 100644
--- a/src/modules/06_retirement/components/resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/resign/ResignByid.vue
@@ -99,13 +99,13 @@
     <div class="col-12"><q-separator /></div>
     <div class="row col-12 q-pa-md">
       <div class="col-12 row bg-white q-col-gutter-md">
-        <div class="col-xs-6 col-sm-3 row items-center">
+        <div class="col-xs-6 col-sm-3 row items-start">
           <div class="col-12">
             <div class="col-12 text-top">สถานที่ยื่นขอลาออกจากราชการ</div>
             <div class="col-12 text-detail">{{ dataDetail.location }}</div>
           </div>
         </div>
-        <div class="col-xs-6 col-sm-3 row items-center">
+        <div class="col-xs-6 col-sm-3 row items-start">
           <div class="col-12">
             <div class="col-12 text-top">วันที่ยื่นขอลาออกจากราชการ</div>
             <div class="col-12 text-detail">
@@ -113,18 +113,33 @@
             </div>
           </div>
         </div>
-        <div class="col-xs-6 col-sm-3 row items-center">
+        <div class="col-xs-6 col-sm-3 row items-start">
           <div class="col-12">
             <div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div>
             <div class="col-12 text-detail">{{ dataDetail.reason }}</div>
           </div>
         </div>
-        <div class="col-xs-6 col-sm-3 row items-center">
+        <div class="col-xs-6 col-sm-3 row items-start">
           <div class="col-12">
             <div class="col-12 text-top">วันที่ขอลาออกจากราชการ</div>
-            <div class="col-12 text-detail">
+            <div
+              :class="
+                diffDate()
+                  ? 'col-12 text-detail text-red text-bold'
+                  : 'col-12 text-detail'
+              "
+            >
               {{ date2Thai(dataDetail.activeDate) }}
             </div>
+            <div
+              :class="
+                diffDate()
+                  ? 'col-12 text-detail text-red text-bold'
+                  : 'col-12 text-detail'
+              "
+            >
+              {{ diffDate() ? "(ยื่นขอลาออกน้อยกว่า 30 วัน)" : "" }}
+            </div>
           </div>
         </div>
       </div>
@@ -563,6 +578,20 @@ onMounted(() => {
   fetchData(id.value);
 });
 
+const diffDate = () => {
+  if (date.value !== null && dateLeave.value !== null) {
+    const time = dateLeave.value.getTime() - date.value.getTime();
+    //วันที่ขอลาออกจากราชการ - วันที่ยื่นขอลาออกจากราชการ
+    const day = time / (1000 * 3600 * 24);
+
+    if (day < 30) {
+      return true;
+    }
+    return false;
+  }
+  return false;
+};
+
 const fetchData = async (id: string) => {
   showLoader();
   await http