diff --git a/src/components/navigation/AppNavigationBoard.vue b/src/components/navigation/AppNavigationBoard.vue
index eda417bb6f..6bf4285e84 100644
--- a/src/components/navigation/AppNavigationBoard.vue
+++ b/src/components/navigation/AppNavigationBoard.vue
@@ -129,10 +129,10 @@
 		</template>
 	</NcAppNavigationItem>
 	<div v-else-if="editing" class="board-edit">
-		<NcColorPicker class="app-navigation-entry-bullet-wrapper" :value="`#${board.color}`" @input="updateColor">
+		<NcColorPicker class="app-navigation-entry-bullet-wrapper" :value="`#${board.color}`" @update:value="updateColor">
 			<div :style="{ backgroundColor: getColor }" class="color0 icon-colorpicker app-navigation-entry-bullet" />
 		</NcColorPicker>
-		<form @submit.prevent.stop="applyEdit">
+		<form @submit.prevent="applyEdit">
 			<NcTextField ref="inputField"
 				:disable="loading"
 				:value.sync="editTitle"
@@ -141,9 +141,9 @@
 				required />
 			<NcButton type="tertiary"
 				:disabled="loading"
-				native-type="submit"
+				native-type="button"
 				:title="t('deck', 'Cancel edit')"
-				@click.stop.prevent="cancelEdit">
+				@click="cancelEdit">
 				<template #icon>
 					<CloseIcon :size="20" />
 				</template>