diff --git a/packages/nc-gui/pages/playground/components/base-icon-color-picker/index.vue b/packages/nc-gui/pages/playground/components/base-icon-color-picker/index.vue
index caa93286ce..98faa4d481 100644
--- a/packages/nc-gui/pages/playground/components/base-icon-color-picker/index.vue
+++ b/packages/nc-gui/pages/playground/components/base-icon-color-picker/index.vue
@@ -21,8 +21,8 @@ const managedApp = ref({
       <GeneralBaseIconColorPicker
         :model-value="color1"
         type="database"
-        @update:model-value="color1 = $event"
         :managed-app="managedApp"
+        @update:model-value="color1 = $event"
       >
       </GeneralBaseIconColorPicker>
     </a-card>