From 946cc5129abc1b87b18aa169212539f1d963106b Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 24 Mar 2025 12:53:28 -0500
Subject: [PATCH] Fix site width on mobile safari

---
 src/app/Nav.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/Nav.tsx b/src/app/Nav.tsx
index 4e8840f0..a7f730f2 100644
--- a/src/app/Nav.tsx
+++ b/src/app/Nav.tsx
@@ -79,9 +79,10 @@ export default function Nav({
               key="nav"
               ref={ref}
               className={clsx(
+                'w-full',
                 // Enlarge nav to ensure it fully masks underlying content
-                'translate-x-[-20px] w-[calc(100%+40px)] px-[20px] bg-main',
-                'flex items-center',
+                'sm:w-[calc(100%+40px)] sm:translate-x-[-20px]  sm:px-[20px]',
+                'flex items-center bg-white',
                 shouldAnimateStickyNav && 'transition-transform duration-200',
                 shouldHideStickyNav
                   ? 'translate-y-[-100%]'