diff --git a/src/components/Feature/Detail/FeatureHeader.vue b/src/components/Feature/Detail/FeatureHeader.vue
index d0850cb749761cd9462f53e69a904c8a43046ea4..eb75b473eb99c429536067ffe80928bdea61cbd2 100644
--- a/src/components/Feature/Detail/FeatureHeader.vue
+++ b/src/components/Feature/Detail/FeatureHeader.vue
@@ -45,7 +45,7 @@
             v-if="((permissions && permissions.can_update_feature) || isFeatureCreator) && isOnline"
             id="currentFeature-delete"
             class="ui button button-hover-red"
-            @click="isCanceling = true"
+            @click="$emit('setIsCancelling')"
           >
             <i
               class="inverted grey trash alternate icon"
diff --git a/src/views/Feature/FeatureDetail.vue b/src/views/Feature/FeatureDetail.vue
index f6e76a9e232606c23e033a21574bb9e7f92875fc..e261563f07a8fb039fc2890283cfd6b91ef87382 100644
--- a/src/views/Feature/FeatureDetail.vue
+++ b/src/views/Feature/FeatureDetail.vue
@@ -9,7 +9,9 @@
     >
       <div class="row">
         <div class="sixteen wide column">
-          <FeatureHeader />
+          <FeatureHeader
+            @setIsCancelling="isCanceling = true"
+          />
         </div>
       </div>
       <div class="row">