From 0bbbe0841a0e9b4e3673d4bc0f5c22067319846e Mon Sep 17 00:00:00 2001
From: Joo Chanhwi <56245920+te6-in@users.noreply.github.com>
Date: Thu, 28 Nov 2024 11:52:57 +0900
Subject: [PATCH] fix: fix styles

---
 docs/.storybook/preview-head.html     | 8 ++++----
 docs/stories/components/decorator.tsx | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/.storybook/preview-head.html b/docs/.storybook/preview-head.html
index 591434151..358f1f815 100644
--- a/docs/.storybook/preview-head.html
+++ b/docs/.storybook/preview-head.html
@@ -9,10 +9,10 @@
     }
 
     body {
-      display: "flex";
-      flex-direction: "column";
-      padding: "0 20px";
-      font-family: '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji';
+      font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
+        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
     }
 
     table {
diff --git a/docs/stories/components/decorator.tsx b/docs/stories/components/decorator.tsx
index c77bc4fbe..d9eb81b30 100644
--- a/docs/stories/components/decorator.tsx
+++ b/docs/stories/components/decorator.tsx
@@ -15,6 +15,8 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => {
     document.documentElement.setAttribute("data-seed", isDarkTheme ? "dark-only" : "light-only");
     document.documentElement.setAttribute("data-seed-scale-color", isDarkTheme ? "dark" : "light");
 
+    document.documentElement.style.removeProperty("--base-font-size");
+
     if (ctx.name.includes(STORY_PREFIX_FONT_SCALING)) {
       const fontScaleMap = {
         "Extra Small": "14px",
@@ -30,8 +32,6 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => {
         .replace(STORY_PREFIX_FONT_SCALING, "")
         .trim() as keyof typeof fontScaleMap;
 
-      document.documentElement.style.fontSize = fontScaleMap[fontScale];
-
       document.documentElement.style.setProperty("--base-font-size", fontScaleMap[fontScale]);
     }
   }, [ctx.name]);