diff --git a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
index 8d6e0e9c73..1db621b89e 100644
--- a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
@@ -428,7 +428,7 @@ const projectDelete = () => {
                   :key="`${base.id}_${parseProp(base.meta).iconHue}`"
                   :hue="parseProp(base.meta).iconHue"
                   size="small"
-                  :readonly="base?.type && base?.type !== 'database'"
+                  :readonly="(base?.type && base?.type !== 'database') || !isUIAllowed('baseRename')"
                   @color-selected="setColor($event, base)"
                 >
                   <template #default>
diff --git a/packages/nc-gui/components/general/BaseIconColorPicker.vue b/packages/nc-gui/components/general/BaseIconColorPicker.vue
index c67931d18c..f0e33ee274 100644
--- a/packages/nc-gui/components/general/BaseIconColorPicker.vue
+++ b/packages/nc-gui/components/general/BaseIconColorPicker.vue
@@ -76,7 +76,7 @@ watch(
           'h-10 w-10 text-2xl': size === 'large',
           'h-14 w-16 text-5xl': size === 'xlarge',
         }"
-        @click.stop="onClick"
+        @click="onClick"
       >
         <template v-if="hue !== 0 && !hue && colorRef.h === defaultHueValue">
           <slot name="default" />