diff --git a/config/storybook/preview.tsx b/config/storybook/preview.tsx
index 3c064d7e25..285e71cd1f 100644
--- a/config/storybook/preview.tsx
+++ b/config/storybook/preview.tsx
@@ -69,7 +69,7 @@ export const decorators = [
       default: {
         return (
           <MarigoldProvider theme={THEME[theme as ThemeNames]}>
-            <div style={{ height: '100vh', width: '100vw', margin: '3em' }}>
+            <div style={{ height: '100%', width: '100%', margin: '3em' }}>
               <Story />
             </div>
           </MarigoldProvider>