From ee5e0068c74bbef640034c1a1a41eaae9b584499 Mon Sep 17 00:00:00 2001
From: Red Ochsenbein <red.ochsenbein@frontify.com>
Date: Wed, 20 May 2026 12:48:14 +0200
Subject: [PATCH] chore(SegmentedControl): update the icons to be of size 16

---
 .../SegmentedControl.stories.tsx               | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/components/SegmentedControl/SegmentedControl.stories.tsx b/packages/components/src/components/SegmentedControl/SegmentedControl.stories.tsx
index 72bf748789..8840a96aa8 100644
--- a/packages/components/src/components/SegmentedControl/SegmentedControl.stories.tsx
+++ b/packages/components/src/components/SegmentedControl/SegmentedControl.stories.tsx
@@ -81,13 +81,13 @@ export const IconOnly: Story = {
     render: (args) => (
         <SegmentedControl.Root {...args}>
             <SegmentedControl.Item value="first">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
             </SegmentedControl.Item>
             <SegmentedControl.Item value="second">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
             </SegmentedControl.Item>
             <SegmentedControl.Item value="third">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
             </SegmentedControl.Item>
         </SegmentedControl.Root>
     ),
@@ -97,15 +97,15 @@ export const IconAndText: Story = {
     render: (args) => (
         <SegmentedControl.Root {...args}>
             <SegmentedControl.Item value="first">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
                 First
             </SegmentedControl.Item>
             <SegmentedControl.Item value="second">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
                 Second
             </SegmentedControl.Item>
             <SegmentedControl.Item value="third">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
                 Third
             </SegmentedControl.Item>
         </SegmentedControl.Root>
@@ -124,15 +124,15 @@ export const Disabled: Story = {
     render: (args) => (
         <SegmentedControl.Root {...args}>
             <SegmentedControl.Item value="first">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
                 First
             </SegmentedControl.Item>
             <SegmentedControl.Item value="second">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
                 Second
             </SegmentedControl.Item>
             <SegmentedControl.Item value="third">
-                <IconIcon size={20} />
+                <IconIcon size={16} />
                 Third
             </SegmentedControl.Item>
         </SegmentedControl.Root>