From 41cbc2c76c414a89568a36fbb905c01a07b90f98 Mon Sep 17 00:00:00 2001
From: Lukas May <lukas.may@carealytix.com>
Date: Thu, 5 Mar 2026 11:12:06 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20Fix=20sidebar=20layout=20=E2=80=94=20sti?=
 =?UTF-8?q?cky=20height=20constraint,=20padding=20on=20content=20only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/review/ReviewSidebar.tsx   |  2 +-
 apps/web/src/components/review/ReviewTab.tsx  | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/components/review/ReviewSidebar.tsx b/apps/web/src/components/review/ReviewSidebar.tsx
index 6da6d37..5a85118 100644
--- a/apps/web/src/components/review/ReviewSidebar.tsx
+++ b/apps/web/src/components/review/ReviewSidebar.tsx
@@ -37,7 +37,7 @@ export function ReviewSidebar({
   return (
     <div className="flex h-full">
       {/* Content panel */}
-      <div className="flex-1 min-w-0 overflow-y-auto">
+      <div className="flex-1 min-w-0 overflow-y-auto p-4">
         {view === "files" ? (
           <FilesView
             files={files}
diff --git a/apps/web/src/components/review/ReviewTab.tsx b/apps/web/src/components/review/ReviewTab.tsx
index c40b129..56cd98b 100644
--- a/apps/web/src/components/review/ReviewTab.tsx
+++ b/apps/web/src/components/review/ReviewTab.tsx
@@ -261,17 +261,19 @@ export function ReviewTab({ initiativeId }: ReviewTabProps) {
             )}
           </div>
 
-          {/* Right: Sidebar */}
-          <div className="border-l border-border p-4">
-            <ReviewSidebar
-              files={allFiles}
-              comments={comments}
-              onFileClick={handleFileClick}
-              selectedCommit={selectedCommit}
-              activeFiles={files}
-              commits={commits}
-              onSelectCommit={setSelectedCommit}
-            />
+          {/* Right: Sidebar — sticky so icon strip stays visible */}
+          <div className="border-l border-border">
+            <div className="sticky top-0 h-[calc(100vh-12rem)]">
+              <ReviewSidebar
+                files={allFiles}
+                comments={comments}
+                onFileClick={handleFileClick}
+                selectedCommit={selectedCommit}
+                activeFiles={files}
+                commits={commits}
+                onSelectCommit={setSelectedCommit}
+              />
+            </div>
           </div>
         </div>
       )}