diff --git a/packages/nc-gui/components/general/Team/Icon.vue b/packages/nc-gui/components/general/Team/Icon.vue
index 576248316d..4580b0763f 100644
--- a/packages/nc-gui/components/general/Team/Icon.vue
+++ b/packages/nc-gui/components/general/Team/Icon.vue
@@ -30,7 +30,7 @@ const props = withDefaults(defineProps<TeamIconProps>(), {
 
 const { size } = toRefs(props)
 
-const { getColor } = useTheme()
+const { getColor: _getColor } = useTheme()
 
 const team = computed(() => {
   return {
@@ -80,6 +80,14 @@ const teamIcon = computed<{
   }
 })
 
+const getColor = (color: string) => {
+  if (color === 'transparent') {
+    return _getColor('var(--nc-bg-default)')
+  }
+
+  return _getColor(color)
+}
+
 const backgroundColor = computed(() => {
   if (props.iconBgColor === 'transparent') {
     return 'transparent'