diff --git a/pages/_app.js b/pages/_app.js
index 5eee980..d48ae06 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,7 +1,6 @@
 import '../styles/globals.css';
 import NavBar from '../Components/NavBar';
 import { ThemeProvider } from 'theme-ui';
-import { Helmet } from 'react-helmet';
 
 const theme = {
     config: {
@@ -38,12 +37,6 @@
 
 function App({ Component, pageProps }) {
   return <>
-    <Helmet>
-      <html lang="en" />
-    </Helmet>
-    <head>
-      <meta charSet="utf-8" />
-    </head>
     <ThemeProvider theme={theme}>
       <Component {...pageProps} />
       <NavBar />
diff --git a/pages/_document.js b/pages/_document.js
new file mode 100644
index 0000000..13bd2a2
--- /dev/null
+++ b/pages/_document.js
@@ -0,0 +1,24 @@
+import Document, { Html, Head, Main, NextScript } from 'next/document'
+
+class Doc extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx)
+    return { ...initialProps }
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head>
+          <meta charSet="utf-8" />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
+
+export default Doc
\ No newline at end of file