From 0820c2c9cc93290a31b36f0f8c266112be234a38 Mon Sep 17 00:00:00 2001
From: Thomas Roest <ThomasRoest@users.noreply.github.com>
Date: Sat, 26 Oct 2019 13:18:51 +0200
Subject: [PATCH 1/2] add globalstyles and minimal css reset

---
 pages/_app.tsx   |  2 ++
 styles/global.ts | 50 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)
 create mode 100644 styles/global.ts

diff --git a/pages/_app.tsx b/pages/_app.tsx
index ea6221d6cf..6766d08263 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -2,6 +2,7 @@ import App from 'next/app';
 import React from 'react';
 import { ThemeProvider } from 'styled-components';
 import theme from 'styles/theme';
+import { GlobalStyles } from 'styles/global';
 
 export default class MyApp extends App {
   render() {
@@ -9,6 +10,7 @@ export default class MyApp extends App {
     return (
       <ThemeProvider theme={theme}>
         <Component {...pageProps} />
+        <GlobalStyles />
       </ThemeProvider>
     );
   }
diff --git a/styles/global.ts b/styles/global.ts
new file mode 100644
index 0000000000..373aa478d2
--- /dev/null
+++ b/styles/global.ts
@@ -0,0 +1,50 @@
+import { createGlobalStyle } from 'styled-components';
+
+export const GlobalStyles = createGlobalStyle`
+  html {
+    box-sizing: border-box;
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: inherit;
+  }
+
+  body,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ul,
+  ol,
+  li,
+  p,
+  pre,
+  blockquote,
+  figure,
+  hr {
+    margin: 0;
+    padding: 0;
+  }
+
+  input,
+  textarea,
+  select,
+  button {
+    color: inherit;
+    font: inherit;
+    letter-spacing: inherit;
+  }
+
+  embed,
+  iframe,
+  img,
+  object,
+  video {
+    display: block;
+    max-width: 100%;
+  }
+`;

From 453c0f67f21aba9c99f99f348f71a41164f03276 Mon Sep 17 00:00:00 2001
From: Thomas Roest <ThomasRoest@users.noreply.github.com>
Date: Sat, 26 Oct 2019 15:13:08 +0200
Subject: [PATCH 2/2] Update pages/_app.tsx

Co-Authored-By: Vaibhav Singh <singh.vaibhav2011@gmail.com>
---
 pages/_app.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 6766d08263..c9e51cd335 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -11,6 +11,7 @@ export default class MyApp extends App {
       <ThemeProvider theme={theme}>
         <Component {...pageProps} />
         <GlobalStyles />
+        <Component {...pageProps} />
       </ThemeProvider>
     );
   }