remove overflow sroll to avoid ugly scrollbar space on stories

Author: JeanMarcMilletScality

.storybook/preview.js

@@ -45,13 +45,7 @@ const withThemeProvider = (Story, context) => {
     <QueryClientProvider client={new QueryClient()}>
       <CoreUiThemeProvider theme={theme}>
         {/* Wrapper to make the stories take the full screen but not in docs */}
-        <div
-          style={
-            viewMode === 'story'
-              ? { height: 100 + 'vh', overflow: 'scroll' }
-              : null
-          }
-        >
+        <div style={viewMode === 'story' ? { height: 100 + 'vh' } : null}>
           <ToastProvider>
             <Wrapper style={{ backgroundColor: background }}>
               <Story {...context} />

stories/common.tsx

@@ -10,7 +10,7 @@ const StyledWrapper = styled.div`
       background-color: ${theme[style?.backgroundColor || 'backgroundLevel3']};
       color: ${theme.textPrimary};
       box-sizing: border-box;
-      overflow: scroll;
+      overflow: auto;
     `;
   }}
 `;

stories/tablev2.stories.tsx

@@ -651,7 +651,7 @@ export const TableWithSyncButton = {
     };
 
     return (
-      <Box>
+      <Box width="500px" height="250px">
         <Title>Table with Sync Button</Title>
         <Box
           display="flex"