fix: wrap story with body

daangn · Nov 27, 2024 · 0a4e2a6 · 0a4e2a6
1 parent 82954fd
commit 0a4e2a6
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/docs/stories/components/decorator.tsx b/docs/stories/components/decorator.tsx
@@ -26,15 +26,19 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => {
   if (ctx.name === STORY_LIGHT_THEME) {
     return (
       <html {...DEFAULT_PROPERTIES} data-seed="light-only" data-seed-scale-color="light">
-        <Story />
+        <body>
+          <Story />
+        </body>
       </html>
     );
   }
 
   if (ctx.name === STORY_DARK_THEME) {
     return (
       <html {...DEFAULT_PROPERTIES} data-seed="dark-only" data-seed-scale-color="dark">
-        <Story />
+        <body>
+          <Story />
+        </body>
       </html>
     );
   }
@@ -59,14 +63,18 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => {
         data-seed-scale-color="light"
         style={{ ...DEFAULT_PROPERTIES.style, fontSize: fontScaleMap[fontScale] }}
       >
-        <Story />
+        <body>
+          <Story />
+        </body>
       </html>
     );
   }
 
   return (
     <html {...DEFAULT_PROPERTIES} data-seed="light-only" data-seed-scale-color="light">
-      <Story />
+      <body>
+        <Story />
+      </body>
     </html>
   );
 };