diff --git a/src/generic/block-type-utils/constants.ts b/src/generic/block-type-utils/constants.ts
index 792ab33ac..ab91ee25d 100644
--- a/src/generic/block-type-utils/constants.ts
+++ b/src/generic/block-type-utils/constants.ts
@@ -67,4 +67,5 @@ export const COMPONENT_TYPE_STYLE_COLOR_MAP = {
   sequential: 'component-style-default',
   chapter: 'component-style-default',
   collection: 'component-style-collection',
+  other: 'component-style-other',
 };
diff --git a/src/generic/block-type-utils/index.tsx b/src/generic/block-type-utils/index.tsx
index 0204b8e01..e88f69cb4 100644
--- a/src/generic/block-type-utils/index.tsx
+++ b/src/generic/block-type-utils/index.tsx
@@ -11,5 +11,5 @@ export function getItemIcon(blockType: string): React.ComponentType {
 }
 
 export function getComponentStyleColor(blockType: string): string {
-  return COMPONENT_TYPE_STYLE_COLOR_MAP[blockType] ?? 'bg-component';
+  return COMPONENT_TYPE_STYLE_COLOR_MAP[blockType] ?? COMPONENT_TYPE_STYLE_COLOR_MAP.other;
 }