diff --git a/src/components/NcColorPicker/NcColorPicker.vue b/src/components/NcColorPicker/NcColorPicker.vue
index 791fbc5f33..2d00deeb44 100644
--- a/src/components/NcColorPicker/NcColorPicker.vue
+++ b/src/components/NcColorPicker/NcColorPicker.vue
@@ -89,7 +89,7 @@ export default {
 <template>
 	<div class="container1">
 		<NcButton @click="open = !open"> Click Me </NcButton>
-		<NcColorPicker :value="color" @input="updateColor" :shown.sync="open" v-slot="{ attrs }">
+		<NcColorPicker :value="color" @input="updateColor" :shown.sync="open" @submit="open = false" v-slot="{ attrs }">
 			<div v-bind="attrs" :style="{'background-color': color}" class="color1" />
 		</NcColorPicker>
 	</div>
@@ -205,7 +205,7 @@ export default {
 						<ArrowLeft :size="20" />
 					</template>
 				</NcButton>
-				<NcButton v-if="!advanced"
+				<NcButton v-else
 					type="tertiary"
 					:aria-label="ariaMore"
 					@click="handleMoreSettings">
@@ -213,8 +213,7 @@ export default {
 						<DotsHorizontal :size="20" />
 					</template>
 				</NcButton>
-				<NcButton v-if="advanced"
-					type="primary"
+				<NcButton type="primary"
 					@click="handleConfirm">
 					{{ t('Choose') }}
 				</NcButton>