Fix body overflow issue

hyperglass/ui/components/layout/frame.tsx

@@ -40,13 +40,13 @@ export const Frame: React.FC<TFrame> = (props: TFrame) => {
         <Flex
           px={4}
           py={0}
+          w="100%"
           as="main"
           align="center"
           flex="1 1 auto"
           justify="start"
           flexDir="column"
           textAlign="center"
-          w={{ base: '100%', lg: 'calc(100% - 1rem)' }}
           {...props}
         />
         <Footer />

hyperglass/ui/util/theme.ts

@@ -96,6 +96,7 @@ export function makeTheme(
         body: {
           background: mode('light.500', 'dark.500')(props),
           color: mode('black', 'white')(props),
+          overflowX: 'hidden',
         },
       }),
     },