From 1375b850da732c5fbbeae9d3ac81d2b6da7f1837 Mon Sep 17 00:00:00 2001
From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com>
Date: Thu, 14 Aug 2025 10:41:22 -0700
Subject: [PATCH] chore: update width of the s2 tabs story

---
 packages/@react-spectrum/s2/stories/Tabs.stories.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/@react-spectrum/s2/stories/Tabs.stories.tsx b/packages/@react-spectrum/s2/stories/Tabs.stories.tsx
index da54f4b77b2..102c17440d0 100644
--- a/packages/@react-spectrum/s2/stories/Tabs.stories.tsx
+++ b/packages/@react-spectrum/s2/stories/Tabs.stories.tsx
@@ -154,12 +154,7 @@ function AddRemoveTabsExample(props) {
     {id: 1, title: 'Tab 1', content: 'Tab body 1'},
     {id: 2, title: 'Tab 2', content: 'Tab body 2'},
     {id: 3, title: 'Tab 3', content: 'Tab body 3'}, 
-    {id: 4, title: 'Tab 4', content: 'Tab body 4'},
-    {id: 5, title: 'Tab 5', content: 'Tab body 5'},
-    {id: 6, title: 'Tab 6', content: 'Tab body 6'},
-    {id: 7, title: 'Tab 7', content: 'Tab body 7'},
-    {id: 8, title: 'Tab 8', content: 'Tab body 8'},
-    {id: 9, title: 'Tab 9', content: 'Tab body 9'}
+    {id: 4, title: 'Tab 4', content: 'Tab body 4'}
   ]);
 
   let addTab = () => {
@@ -180,9 +175,9 @@ function AddRemoveTabsExample(props) {
   };
 
   return (
-    <div className={style({width: 600})}>
+    <div className={style({width: 350})}>
       <Tabs {...props} aria-label="Tabs">
-        <div className={style({display: 'flex', alginSelf: 'stretch'})}>
+        <div className={style({display: 'flex'})}>
           <TabList items={tabs} styles={style({flexShrink: 1, flexGrow: 1, flexBasis: 'auto'})}>
             {tab => <Tab id={tab.id}>{tab.title}</Tab>}
           </TabList>