From 0bca41b32915af3b06c1382fb436710f213d6058 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 24 Mar 2025 12:08:43 -0500
Subject: [PATCH] Fix hairline image bleed through nav

---
 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 538242bf..4e8840f0 100644
--- a/src/app/Nav.tsx
+++ b/src/app/Nav.tsx
@@ -79,8 +79,9 @@ export default function Nav({
               key="nav"
               ref={ref}
               className={clsx(
-                'flex items-center w-full',
-                'bg-main',
+                // Enlarge nav to ensure it fully masks underlying content
+                'translate-x-[-20px] w-[calc(100%+40px)] px-[20px] bg-main',
+                'flex items-center',
                 shouldAnimateStickyNav && 'transition-transform duration-200',
                 shouldHideStickyNav
                   ? 'translate-y-[-100%]'