From 4664644cdac121af2dbadcd28351e2beb77f4cf3 Mon Sep 17 00:00:00 2001
From: Lukas May <lukas.may@carealytix.com>
Date: Fri, 6 Mar 2026 11:22:30 +0100
Subject: [PATCH] fix: Use pseudo-element to cover all transparent space above
 sticky header

Replaces negative margin hack with a ::before that extends upward from
the sticky header to paint bg-background over the main padding gap.
---
 apps/web/src/components/review/ReviewTab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/review/ReviewTab.tsx b/apps/web/src/components/review/ReviewTab.tsx
index 361623a..b44a1ef 100644
--- a/apps/web/src/components/review/ReviewTab.tsx
+++ b/apps/web/src/components/review/ReviewTab.tsx
@@ -325,7 +325,7 @@ export function ReviewTab({ initiativeId }: ReviewTabProps) {
   return (
     <div>
       {/* Header: phase selector + toolbar */}
-      <div ref={headerRef} className="sticky top-0 z-20 -mt-3 pt-3 bg-background">
+      <div ref={headerRef} className="sticky top-0 z-20 before:absolute before:inset-x-0 before:bottom-full before:h-24 before:bg-background">
       <div className="rounded-t-lg border border-border bg-card">
       <ReviewHeader
         phases={reviewablePhases.map((p) => ({ id: p.id, name: p.name, status: p.status }))}