diff --git a/src/global-style.tsx b/src/global-style.tsx
index 121f6ca..46a2545 100644
--- a/src/global-style.tsx
+++ b/src/global-style.tsx
@@ -2,19 +2,20 @@ import { css } from "@emotion/react";
 import { mq } from "./style-predefines";
 
 export const globalStyle = (theme) =>
-  css({
-    [":root"]: {
-      colorScheme: "light dark",
-      fontFamily: "Inter, Avenir, Helvetica, Arial, sans-serif",
-      fontSize: 0.625,
-      fontSynthesis: "none",
-      textRendering: "optimizeLegibility",
-      WebkitFontSmoothing: "antialiased",
-      MozOsxFontSmoothing: "grayscale",
-      WebkitTextSizeAdjust: "100%",
-      backgroundColor: theme.backgroundColor.light,
-      [mq.dark]: {
-        backgroundColor: theme.backgroundColor.dark,
-      },
-    },
-  });
+  css`
+    :root {
+      color-scheme: light dark;
+      font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+      font-size: 0.625;
+      font-synthesis: none;
+      text-rendering: optimizeLegibility;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-text-size-adjust: 100%;
+      background-color: ${theme.backgroundColor.light};
+      overflow: hidden;
+      ${mq.dark} {
+        background-color: ${theme.backgroundColor.dark};
+      }
+    }
+  `;