diff --git a/components/app/index.js b/components/app/index.js
index facbbf64..b28b9382 100644
--- a/components/app/index.js
+++ b/components/app/index.js
@@ -1,10 +1,19 @@
import React from "react";
import { createGlobalStyle } from "styled-components";
import { StyledApp } from "@components/app/styled";
-
+import { normalize } from "polished";
+/**
+ * Reset our styles
+ */
const GlobalStyles = createGlobalStyle`
-body, html{
- font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;=
+${normalize()};
+*{
+box-sizing: border-box;
+}
+html, body{
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
`;
diff --git a/pages/_document.js b/pages/_document.js
index 0e0f0dd0..5c615c40 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -1,37 +1,9 @@
// @flow
import * as React from "react";
import Document, { Head, Main, NextScript } from "next/document";
-import styled, { ServerStyleSheet, createGlobalStyle } from "styled-components";
-import { normalize } from "polished";
+import styled, { ServerStyleSheet } from "styled-components";
import type { Context } from "next";
-/**
- * Reset our styles
- */
-const GlobalStyles = createGlobalStyle`
-${normalize()};
-*{
-box-sizing: border-box;
-}
-html, body{
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
- Arial, sans-serif;
-}
-`;
-
-const DocWrapper = styled.div`
- padding: 30px;
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-weight: 300;
- }
-`;
type DocumentContext = Context & { renderPage: Function };
@@ -57,7 +29,6 @@ export default class MyDocument extends Document {
-