Fix overflow-x

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;
           }
 

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>

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; }

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 {