From c87aac44cce89cd772d766226c9fe26e3c34727f Mon Sep 17 00:00:00 2001
From: Lukas May <lukas.may@carealytix.com>
Date: Fri, 6 Mar 2026 11:33:31 +0100
Subject: [PATCH] fix: Cover transparent gap above sticky header with upward
 box-shadow

Uses a 50px upward box-shadow in bg-background color to paint over the
main padding gap that shows above the stuck review header.
---
 apps/web/src/components/review/ReviewHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/review/ReviewHeader.tsx b/apps/web/src/components/review/ReviewHeader.tsx
index 44e55fc..a8225eb 100644
--- a/apps/web/src/components/review/ReviewHeader.tsx
+++ b/apps/web/src/components/review/ReviewHeader.tsx
@@ -97,7 +97,7 @@ export function ReviewHeader({
   const total = totalCount ?? 0;
 
   return (
-    <div ref={ref} className="border-b border-border bg-card backdrop-blur-sm sticky top-0 z-20 rounded-t-lg">
+    <div ref={ref} className="border-b border-border bg-card backdrop-blur-sm sticky top-0 z-20 rounded-t-lg shadow-[0_-50px_0_0_hsl(var(--background))]">
       {/* Phase selector row */}
       {phases.length > 1 && (
         <div className="flex items-center gap-1 px-4 pt-3 pb-2 border-b border-border/50">