From bb38cd1d63e0d474a3125d9e9f8b27aa173a8de9 Mon Sep 17 00:00:00 2001
From: Jake Dexheimer <jakedex@gmail.com>
Date: Wed, 27 Sep 2017 00:46:23 -0700
Subject: [PATCH] Fix overflow-x

---
 components/ColorPicker.js      | 2 --
 components/Page.js             | 2 --
 components/style/Reset.js      | 3 ++-
 components/style/Typography.js | 2 +-
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/ColorPicker.js b/components/ColorPicker.js
index 6d9e36a..efe2470 100644
--- a/components/ColorPicker.js
+++ b/components/ColorPicker.js
@@ -92,8 +92,6 @@ class ColorPicker extends React.Component {
 
           .colorpicker-picker > :global(div > div:nth-child(3) > div:nth-child(12) > input) {
             background: rgba(255, 255, 255, 0.165) !important;
-            height: 30px !important;
-            width: 108px !important;
             color: #fff !important;
           }
 
diff --git a/components/Page.js b/components/Page.js
index c076ada..cb7b7c7 100644
--- a/components/Page.js
+++ b/components/Page.js
@@ -19,8 +19,6 @@ export default ({ children, enableHeroText }) => (
         justify-content: center;
         flex-direction: column;
         align-items: center;
-        min-width: 848px;
-        min-height: 704px;
       }
     `}</style>
   </div>
diff --git a/components/style/Reset.js b/components/style/Reset.js
index 3348cb8..41e0ec5 100644
--- a/components/style/Reset.js
+++ b/components/style/Reset.js
@@ -68,8 +68,9 @@ export default () =>
     	font-style: normal;
     	text-transform: initial;
     	letter-spacing: initial;
-    	overflow-x: hidden;
     	overflow-y: auto;
+    	min-width: 848px;
+    	min-height: 704px;
     }
 
     * { box-sizing: border-box; }
diff --git a/components/style/Typography.js b/components/style/Typography.js
index 1a84b56..f71011c 100644
--- a/components/style/Typography.js
+++ b/components/style/Typography.js
@@ -30,7 +30,7 @@ export default () =>
     body {
       font-size: var(--h4);
       line-height: var(--lh);
-      margin: 2rem;
+      margin: 2rem 0;
     }
 
     h1, h2, h3 {