diff --git a/src/CardCreateDialog.vue b/src/CardCreateDialog.vue
index 8385ae823..eec3ce471 100644
--- a/src/CardCreateDialog.vue
+++ b/src/CardCreateDialog.vue
@@ -168,6 +168,7 @@ export default {
 
 		},
 		close() {
+			this.$emit('close')
 			this.$root.$emit('close')
 		},
 		async select() {
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 996d048e4..3d6643e4c 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -49,10 +49,10 @@
 			</template>
 		</DashboardWidget>
 		<div class="center-button">
-			<button @click="toggleAddCardModel" @close="toggleAddCardModel">
+			<button @click="toggleAddCardModel">
 				{{ t('deck', 'Add card') }}
 			</button>
-			<CardCreateDialog v-if="showAddCardModal" />
+			<CardCreateDialog v-if="showAddCardModal" @close="toggleAddCardModel" />
 		</div>
 	</div>
 </template>