diff --git a/src/components/shared/KebabAction.vue b/src/components/shared/KebabAction.vue
index bd42d6f5..521c47ea 100644
--- a/src/components/shared/KebabAction.vue
+++ b/src/components/shared/KebabAction.vue
@@ -171,11 +171,12 @@ watch(
         </q-item>
 
         <q-item
+          v-if="useCancel"
           v-close-popup
           dense
           class="row"
           style="white-space: nowrap"
-          :clickable="!disableDelete"
+          :clickable="!disableCancel"
           :id="`btn-kebab-delete-${idName}`"
           :class="{
             'surface-3': disableCancel,
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 2d978896..93eb6a20 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -160,6 +160,7 @@ function getEmployeeName(
             hide-toggle
             hide-view
             hide-delete
+            use-cancel
             :disable-cancel="
               props.row.requestDataStatus === RequestDataStatus.Canceled
             "