diff --git a/src/components/05_quotation/QuotationCard.vue b/src/components/05_quotation/QuotationCard.vue
index 3f6768c2..5c53d8cd 100644
--- a/src/components/05_quotation/QuotationCard.vue
+++ b/src/components/05_quotation/QuotationCard.vue
@@ -23,6 +23,7 @@ defineProps<{
   hideKebabDelete?: boolean;
   hideAction?: boolean;
   useCancel?: boolean;
+  disableCancel?: boolean;
 
   customData?: {
     label: string;
@@ -95,6 +96,7 @@ const rand = Math.random();
           status="ACTIVE"
           hide-toggle
           :use-cancel
+          :disable-cancel
           :hide-delete="hideKebabDelete"
           :hide-view="hideKebabView"
           :hide-edit="hideKebabEdit"
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 95f3a097..4277204b 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -203,7 +203,8 @@ function getEmployeeName(
             hide-delete
             use-cancel
             :disable-cancel="
-              props.row.requestDataStatus === RequestDataStatus.Canceled
+              props.row.requestDataStatus === RequestDataStatus.Canceled ||
+              props.row.requestDataStatus === RequestDataStatus.Completed
             "
             @cancel="$emit('delete', props.row)"
           />
@@ -223,6 +224,10 @@ function getEmployeeName(
           hide-kebab-edit
           hide-kebab-delete
           use-cancel
+          :disable-cancel="
+            props.row.requestDataStatus === RequestDataStatus.Canceled ||
+            props.row.requestDataStatus === RequestDataStatus.Completed
+          "
           :badge-color="
             {
               [RequestDataStatus.Pending]: '--orange-5-hsl',