tweak responsive switch width to breakpoint-md so the sidebar layout …

…is present for narrower screens
Southclaws · Dec 31, 2023 · 213a10a · 213a10a · vercel · Dec 31, 2023
1 parent 9e7d24c
commit 213a10a
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/web/src/components/site/Navigation/Navigation.tsx b/web/src/components/site/Navigation/Navigation.tsx
@@ -25,11 +25,10 @@ export function Navigation({ children }: PropsWithChildren) {
       {/* MOBILE */}
       <Box
         id="mobile-nav-container"
-        // TODO: Remove this and figure out where the overflow is actually coming from
-        overflow="auto"
+        width="full"
         display={{
           base: isNavpillShown(pathname) ? "none" : "unset",
-          lg: "none",
+          md: "none",
         }}
       >
         <Box p="3">
@@ -46,7 +45,7 @@ export function Navigation({ children }: PropsWithChildren) {
         id="desktop-nav-container"
         display={{
           base: "none",
-          lg: "block",
+          md: "block",
         }}
         w="full"
       >