diff --git a/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue b/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue
index c892fad2d53a879f0cb865a19cb543ddee008ba0..b69cd2902cee09b630d1c325910f42d933fc470a 100644
--- a/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue
+++ b/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue
@@ -76,7 +76,6 @@ import createOrPatchMixin from "aleksis.core/mixins/createOrPatchMixin.js";
         column
         mandatory
         :disabled="loading"
-        @change="changeCancel"
         class="justify-self-end"
       >
         <v-chip
@@ -84,6 +83,7 @@ import createOrPatchMixin from "aleksis.core/mixins/createOrPatchMixin.js";
           outlined
           color="success"
           :value="false"
+          @click="changeCancel"
         >
           {{ $t("chronos.substitutions.overview.cancel.not_cancelled") }}
         </v-chip>
@@ -92,6 +92,7 @@ import createOrPatchMixin from "aleksis.core/mixins/createOrPatchMixin.js";
           outlined
           color="error"
           :value="true"
+          @click="changeCancel"
         >
           {{ $t("chronos.substitutions.overview.cancel.cancelled") }}
         </v-chip>