diff --git a/pages/_document.js b/pages/_document.js
index df661e8..f53de5a 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -3,15 +3,20 @@ import Document, { Head, Main, NextScript } from 'next/document'
 import { ServerStyleSheet } from 'styled-components'
 
 export default class MyDocument extends Document {
-  render() {
+  static getInitialProps({ renderPage }) {
     const sheet = new ServerStyleSheet()
-    const main = sheet.collectStyles(<Main />)
+    const page = renderPage(App => props => sheet.collectStyles(<App {...props} />))
     const styleTags = sheet.getStyleElement()
+    return { ...page, styleTags }
+  }
+  render() {
     return (
       <html>
-        <Head>{styleTags}</Head>
+        <Head>{this.props.styleTags}</Head>
         <body style={{ margin: 0 }}>
-          <div className="root">{main}</div>
+          <div className="root">
+            <Main />
+          </div>
           <NextScript />
           <script type="text/javascript" src="https://secure.leadforensics.com/js/113807.js" />
         </body>
