Fix 1px gap between bottom nav and safe-area spacer on iOS Safari

2026-03-24 01:59:06 -05:00
parent 3fb206597c
commit a1cc46abc8
1 changed files with 3 additions and 2 deletions
@@ -131,8 +131,9 @@ export function MobileBottomNav() {

          </div>
        </div>
-        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height */}
-        <div className="safe-area-bottom bg-background/95" />
+        {/* Safe area spacer — sits below the arc/items so it doesn't inflate the arc height.
+            -mt-px removes the sub-pixel gap iOS Safari renders between adjacent elements. */}
+        <div className="-mt-px pt-px safe-area-bottom bg-background/95" />
      </nav>
    </>
  );