diff --git a/src/components/PageContainer.tsx b/src/components/PageContainer.tsx
index 4bdac52..82233f4 100644
--- a/src/components/PageContainer.tsx
+++ b/src/components/PageContainer.tsx
@@ -2,16 +2,20 @@ import * as React from "react";
 import { FunctionComponent } from "react";
 import { Theme } from "../theme/Theme";
 
-const PageContainer: FunctionComponent<{theme: Theme}> = (props) => {
+const PageContainer: FunctionComponent<{ theme: Theme }> = (props) => {
     return (
         <div style={{
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
             background: props.theme?.background,
-            flex: "1",
-            minHeight: "400px"
         }}>
+            <style jsx>{`
+                div {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    flex: 1;
+                    min-height: 400px;
+                }
+            `}</style>
             {props.children}
         </div>
     );