diff --git a/src/components/board/TagsTabSidebar.vue b/src/components/board/TagsTabSidebar.vue
index 7fe42a8c30..cd660cad54 100644
--- a/src/components/board/TagsTabSidebar.vue
+++ b/src/components/board/TagsTabSidebar.vue
@@ -12,7 +12,7 @@
 						<NcColorPicker class="color-picker-wrapper"
 							:value="'#' + editingLabel.color"
 							:advanced-fields="true"
-							@input="updateColor">
+							@update:value="updateColor">
 							<div :style="{ backgroundColor: '#' + editingLabel.color }" class="color0 icon-colorpicker" />
 						</NcColorPicker>
 						<input v-model="editingLabel.title" type="text">
diff --git a/src/components/navigation/AppNavigationBoard.vue b/src/components/navigation/AppNavigationBoard.vue
index 0c152730c6..8ffe3847ab 100644
--- a/src/components/navigation/AppNavigationBoard.vue
+++ b/src/components/navigation/AppNavigationBoard.vue
@@ -130,7 +130,7 @@
 			</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">