diff --git a/packages/shared/core/theme/globalStyle.js b/packages/shared/core/theme/globalStyle.js
index b597a9adb..b71c80537 100644
--- a/packages/shared/core/theme/globalStyle.js
+++ b/packages/shared/core/theme/globalStyle.js
@@ -2,19 +2,20 @@ import { normalize } from 'polished'
 import * as defaultTheme from '../theme'
 import { th } from '../utils/system'
 
-const globalStyle = (customTheme = defaultTheme) => `
-  ${normalize()};
+const globalStyle = (customTheme = defaultTheme) => [
+  ...normalize(),
+  `
+    html,
+    body {
+      font-family: ${th('fontFamily')({ theme: customTheme })};
+      font-size: ${th('fontSizeBase')({ theme: customTheme })};
+      line-height: ${th('lineHeightBase')({ theme: customTheme })};
+    }
 
-  html,
-  body {
-    font-family: ${th('fontFamily')({ theme: customTheme })};
-    font-size: ${th('fontSizeBase')({ theme: customTheme })};
-    line-height: ${th('lineHeightBase')({ theme: customTheme })};
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-`
+    * {
+      box-sizing: border-box;
+    }
+  `,
+]
 
 export default globalStyle