diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 7867010..4a50852 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -1,7 +1,9 @@
 {
   "permissions": {
     "allow": [
-      "Bash(npm ls:*)"
+      "Bash(npm ls:*)",
+      "Bash(npm run build:*)",
+      "Bash(npm test)"
     ]
   }
 }
diff --git a/packages/sdk/src/hooks/contentAreaSidebarItems.ts b/packages/sdk/src/hooks/contentAreaSidebarItems.ts
index 338483d..016d95b 100644
--- a/packages/sdk/src/hooks/contentAreaSidebarItems.ts
+++ b/packages/sdk/src/hooks/contentAreaSidebarItems.ts
@@ -7,7 +7,7 @@ import {
   isRecord,
   isString,
 } from '../guardUtils.js';
-import { Icon, isIcon } from '../icon';
+import { IconWithEmoji, isIconWithEmoji } from '../icon';
 
 export type ContentAreaSidebarItemsHook = {
   /**
@@ -32,11 +32,11 @@ export type ContentAreaSidebarItem = {
   label: string;
   /**
    * Icon to be shown alongside the label. Can be a FontAwesome icon name (ie.
-   * `"address-book"`) or a custom SVG definition. To maintain visual
+   * `"address-book"`), a custom SVG definition, or an emoji. To maintain visual
    * consistency with the rest of the interface, try to use FontAwesome icons
    * whenever possible.
    */
-  icon: Icon;
+  icon: IconWithEmoji;
   /** ID of the page linked to the item */
   pointsTo: {
     pageId: string;
@@ -63,7 +63,7 @@ export function isContentAreaSidebarItem(
   return (
     isRecord(value) &&
     isString(value.label) &&
-    isIcon(value.icon) &&
+    isIconWithEmoji(value.icon) &&
     isRecord(value.pointsTo) &&
     isString(value.pointsTo.pageId) &&
     (isNullish(value.placement) || isPlacement(value.placement)) &&
diff --git a/packages/sdk/src/icon.ts b/packages/sdk/src/icon.ts
index e21787d..feba4aa 100644
--- a/packages/sdk/src/icon.ts
+++ b/packages/sdk/src/icon.ts
@@ -1,9 +1,9 @@
 import { isEmoji, isRecord, isString } from './guardUtils.js';
 
-export type Icon = AwesomeFontIconIdentifier | SvgDefinition | EmojiDefinition;
+export type Icon = AwesomeFontIconIdentifier | SvgDefinition;
 
 export function isIcon(value: unknown): value is Icon {
-  return isString(value) || isSvgDefinition(value) || isEmojiDefinition(value);
+  return isString(value) || isSvgDefinition(value);
 }
 
 /**
@@ -78,6 +78,16 @@ export function isEmojiDefinition(value: unknown): value is EmojiDefinition {
   return isRecord(value) && value.type === 'emoji' && isEmoji(value.emoji);
 }
 
+/**
+ * Extended icon type that includes emoji support in addition to Font Awesome and SVG icons.
+ * This type is specifically used for content area sidebar items where emoji icons are supported.
+ */
+export type IconWithEmoji = Icon | EmojiDefinition;
+
+export function isIconWithEmoji(value: unknown): value is IconWithEmoji {
+  return isIcon(value) || isEmojiDefinition(value);
+}
+
 /**
  * Font Awesome icon identifier for use in DatoCMS plugins.
  *