From 3274c55a8b337c5ce994877ca64bd10284c4d2fb Mon Sep 17 00:00:00 2001
From: Himanshu Singh <hsnice16@gmail.com>
Date: Thu, 17 Sep 2026 01:43:05 +0530
Subject: [PATCH] Draw the back-to-top button below the phone menu

The header is `sticky z-10`, so it is a stacking context and the menu's own
`z-20` only ranks it inside the header. The button is fixed at the root, so
`z-20` there outranked the whole header and the button landed among the open
menu's links.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 site/components/Scroll.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/site/components/Scroll.tsx b/site/components/Scroll.tsx
index 6043ff5..bb2c5a5 100644
--- a/site/components/Scroll.tsx
+++ b/site/components/Scroll.tsx
@@ -116,7 +116,10 @@ export function BackToTop() {
     // even on the pages where the button never appears.
     <div
       ref={wrapper}
-      className="pointer-events-none fixed right-8 bottom-8 z-20"
+      // Below the header's layer, not above it: the phone menu drops out of the
+      // header down this same right edge, and a z above it put this button in
+      // the middle of that menu's links.
+      className="pointer-events-none fixed right-8 bottom-8 z-0"
       style={{ transform: `translateY(${-lift}px)` }}
     >
       <button