diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index 596c9b3d5..dbae7f7fd 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -672,12 +672,9 @@ function clickSave(reason: string) {
       </div>
     </div>
     <q-separator />
-    <div
-      class="row q-pa-md q-gutter-md justify-end"
-      v-if="formData.status !== 'ยกเลิก'"
-    >
+    <div class="row q-pa-md q-gutter-md justify-end">
       <q-btn
-        v-if="formData.approveStep === 'st1'"
+        v-if="formData.approveStep === 'st1' && formData.status !== 'ยกเลิก'"
         unelevated
         color="orange-5"
         label="ส่งไปยังผู้บังคับบัญชา"
@@ -686,7 +683,7 @@ function clickSave(reason: string) {
       </q-btn>
 
       <q-btn
-        v-if="formData.approveStep === 'st2'"
+        v-if="formData.approveStep === 'st2' && formData.status !== 'ยกเลิก'"
         unelevated
         color="orange-5"
         label="ส่งไปยังผู้มีอำนาจ"
@@ -695,7 +692,7 @@ function clickSave(reason: string) {
       </q-btn>
 
       <q-btn
-        v-if="formData.approveStep === 'st3'"
+        v-if="formData.approveStep === 'st3' && formData.status !== 'ยกเลิก'"
         unelevated
         color="orange-5"
         label="ไม่อนุมัติ"
@@ -703,7 +700,7 @@ function clickSave(reason: string) {
         ><q-tooltip>ไม่อนุมัติ</q-tooltip>
       </q-btn>
       <q-btn
-        v-if="formData.approveStep === 'st3'"
+        v-if="formData.approveStep === 'st3' && formData.status !== 'ยกเลิก'"
         unelevated
         color="primary"
         label="อนุมัติ"