diff --git a/packages/ui/src/components/ListBox/ListBox.stories.tsx b/packages/ui/src/components/ListBox/ListBox.stories.tsx
index 2ad1429272..073a0073e7 100644
--- a/packages/ui/src/components/ListBox/ListBox.stories.tsx
+++ b/packages/ui/src/components/ListBox/ListBox.stories.tsx
@@ -84,7 +84,7 @@ const itemsWithDescription = [
   },
 ];
 
-const itemIcons: Record<string, React.ReactNode> = {
+const itemIcons: Record<string, React.ReactElement> = {
   react: <RiReactjsLine />,
   typescript: <RiCodeLine />,
   javascript: <RiJavascriptLine />,
diff --git a/packages/ui/src/recipes/CardsWithListBox.stories.tsx b/packages/ui/src/recipes/CardsWithListBox.stories.tsx
index 316159211a..3a41dfb346 100644
--- a/packages/ui/src/recipes/CardsWithListBox.stories.tsx
+++ b/packages/ui/src/recipes/CardsWithListBox.stories.tsx
@@ -54,7 +54,7 @@ interface ServiceItem {
   id: string;
   label: string;
   description: string;
-  icon: React.ReactNode;
+  icon: React.ReactElement;
   tags: string[];
 }