From 9d03c245ea0907aa6e55775df73122a13df1ed6d Mon Sep 17 00:00:00 2001
From: Brad Adams <hi@breadadams.com>
Date: Wed, 13 May 2020 18:05:14 +0200
Subject: [PATCH] fix: improve mobile scrolling

---
 packages/app/src/components/app-frame.js | 9 ++-------
 packages/app/src/theme.js                | 2 +-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/app/src/components/app-frame.js b/packages/app/src/components/app-frame.js
index a0f24861..725e36a7 100644
--- a/packages/app/src/components/app-frame.js
+++ b/packages/app/src/components/app-frame.js
@@ -5,14 +5,9 @@ export const AppFrame = ({ sx, ...props }) => {
     <Flex
       sx={{
         bg: 'white',
-        height: '100vh',
+        height: ['initial', '', '100vh'],
         flexDirection: ['column', '', 'row'],
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0,
-        overflow: ['scroll', '', 'hidden'],
+        overflow: ['initial', '', 'hidden'],
         ...sx
       }}
       {...props}
diff --git a/packages/app/src/theme.js b/packages/app/src/theme.js
index e7719bcf..a564c23f 100644
--- a/packages/app/src/theme.js
+++ b/packages/app/src/theme.js
@@ -48,7 +48,7 @@ export const theme = {
       fontFamily: 'sans',
       lineHeight: 1.5,
       margin: 0,
-      overflow: 'hidden'
+      overflow: ['initial', '', 'hidden']
     }
   }
 }