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%]'