diff --git a/src/tabs/tabs.stories.mdx b/src/tabs/tabs.stories.mdx
index 910f9caec..ec120018b 100644
--- a/src/tabs/tabs.stories.mdx
+++ b/src/tabs/tabs.stories.mdx
@@ -301,31 +301,26 @@ This is just a sample story to show you that Tooltip outside Tab does not work,
     <Story parameters={{ docs: { source: { type: 'code' } } }} name="Wrapped by Tooltip component">
         <Tabs>
             <TabList aria-label="Multiple tablist example tabs">
-                <Tooltip content={'Tooltip for Tab 1'}>
+                <Tooltip content="Tooltip outside Tab">
                     <Tab id="tab1">
                         <Box>Tab 1</Box>
                     </Tab>
                 </Tooltip>
-
                 <Tab id="tab2">
-                    <Tooltip content={'Tooltip for Tab 2'}>
+                    <Tooltip content="Tooltip inside Tab">
                         <Box>Tab 2</Box>
                     </Tooltip>
                 </Tab>
             </TabList>
-            <TabPanel
-                id="tab1"
-                renderMode="active"
-                render={<Box paddingX="small" paddingY="xlarge" />}
-            >
-                <Text>Content of tab 1</Text>
+            <TabPanel id="tab1">
+                <Box paddingX="small" paddingY="xlarge">
+                    <Text>Content of tab 1</Text>
+                </Box>
             </TabPanel>
-            <TabPanel
-                id="tab2"
-                renderMode="active"
-                render={<Box paddingX="small" paddingY="xlarge" />}
-            >
-                <Text>Content of tab 2</Text>
+            <TabPanel id="tab2">
+                <Box paddingX="small" paddingY="xlarge">
+                    <Text>Content of tab 2</Text>
+                </Box>
             </TabPanel>
         </Tabs>
     </Story>