From 213a10a5924f66f3350110ff99ace98be30af393 Mon Sep 17 00:00:00 2001
From: southclaws <south@cla.ws>
Date: Sun, 31 Dec 2023 19:23:52 +0000
Subject: [PATCH] tweak responsive switch width to breakpoint-md so the sidebar
 layout is present for narrower screens

---
 web/src/components/site/Navigation/Navigation.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/src/components/site/Navigation/Navigation.tsx b/web/src/components/site/Navigation/Navigation.tsx
index c95290274..7cb4d87de 100644
--- 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"
       >