diff --git a/packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx b/packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx
index 0c7f1e599a..a54c97bf42 100644
--- a/packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx
+++ b/packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx
@@ -27,9 +27,9 @@ export const Default: Story = {
     variant: 'primary',
     accent: 'danger',
     children: [
-      <Button Icon={IconNotes} title="Note" />,
-      <Button Icon={IconCheckbox} title="Task" />,
-      <Button Icon={IconTimelineEvent} title="Activity" />,
+      <Button key="note" Icon={IconNotes} title="Note" />,
+      <Button key="task" Icon={IconCheckbox} title="Task" />,
+      <Button key="activity" Icon={IconTimelineEvent} title="Activity" />,
     ],
   },
   argTypes: {
@@ -41,9 +41,9 @@ export const Default: Story = {
 export const Catalog: CatalogStory<Story, typeof ButtonGroup> = {
   args: {
     children: [
-      <Button Icon={IconNotes} title="Note" />,
-      <Button Icon={IconCheckbox} title="Task" />,
-      <Button Icon={IconTimelineEvent} title="Activity" />,
+      <Button key="note" Icon={IconNotes} title="Note" />,
+      <Button key="task" Icon={IconCheckbox} title="Task" />,
+      <Button key="activity" Icon={IconTimelineEvent} title="Activity" />,
     ],
   },
   argTypes: {
diff --git a/packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx b/packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx
index 4fe2b69e89..9e5adb4af0 100644
--- a/packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx
+++ b/packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx
@@ -20,9 +20,9 @@ export const Default: Story = {
   args: {
     size: 'small',
     children: [
-      <FloatingButton Icon={IconNotes} />,
-      <FloatingButton Icon={IconCheckbox} />,
-      <FloatingButton Icon={IconTimelineEvent} />,
+      <FloatingButton key="notes" Icon={IconNotes} />,
+      <FloatingButton key="checkbox" Icon={IconCheckbox} />,
+      <FloatingButton key="timeline" Icon={IconTimelineEvent} />,
     ],
   },
   argTypes: {
@@ -34,9 +34,9 @@ export const Default: Story = {
 export const Catalog: CatalogStory<Story, typeof FloatingButtonGroup> = {
   args: {
     children: [
-      <FloatingButton Icon={IconNotes} />,
-      <FloatingButton Icon={IconCheckbox} />,
-      <FloatingButton Icon={IconTimelineEvent} />,
+      <FloatingButton key="notes" Icon={IconNotes} />,
+      <FloatingButton key="checkbox" Icon={IconCheckbox} />,
+      <FloatingButton key="timeline" Icon={IconTimelineEvent} />,
     ],
   },
   argTypes: {