From 24a92d6154383a5767b46222790f8d4031e1f152 Mon Sep 17 00:00:00 2001
From: checktheroads <matt@allroads.io>
Date: Wed, 2 Jun 2021 13:01:05 -0700
Subject: [PATCH] Fix body overflow issue

---
 hyperglass/ui/components/layout/frame.tsx | 2 +-
 hyperglass/ui/util/theme.ts               | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/hyperglass/ui/components/layout/frame.tsx b/hyperglass/ui/components/layout/frame.tsx
index 76fb866..d84f7f9 100644
--- a/hyperglass/ui/components/layout/frame.tsx
+++ b/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 />
diff --git a/hyperglass/ui/util/theme.ts b/hyperglass/ui/util/theme.ts
index de066cc..844a7e2 100644
--- a/hyperglass/ui/util/theme.ts
+++ b/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',
         },
       }),
     },