From 1e69ea7297871c030a4797e376c8bd6b0b10d1c6 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Sat, 23 Aug 2025 00:53:08 +0530
Subject: [PATCH] fix: control panel scroll

---
 .../control-panel/src/routes/monitoring/+page.svelte       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/infrastructure/control-panel/src/routes/monitoring/+page.svelte b/infrastructure/control-panel/src/routes/monitoring/+page.svelte
index f8d2d261..539efbd9 100644
--- a/infrastructure/control-panel/src/routes/monitoring/+page.svelte
+++ b/infrastructure/control-panel/src/routes/monitoring/+page.svelte
@@ -657,9 +657,10 @@
 
 		<!-- Flow Messages Panel -->
 		<div
-			class="flex h-full w-[40%] cursor-default flex-col bg-white p-4 transition-colors hover:bg-gray-50"
+			class="flex w-[40%] cursor-default flex-col bg-white p-4 transition-colors hover:bg-gray-50"
+			style="height: calc(100vh - 80px);"
 		>
-			<div class="mb-4">
+			<div class="mb-4 flex-shrink-0">
 				<h3 class="text-lg font-semibold text-gray-800">Data Flow</h3>
 				<div class="mt-2 text-sm text-gray-600">
 					Current Step: {currentFlowStep === 0
@@ -678,7 +679,7 @@
 				</div>
 			</div>
 
-			<div class="flex-1 space-y-2 overflow-y-auto">
+			<div class="flex-1 space-y-2 overflow-y-auto pr-2">
 				{#each flowMessages as message, i}
 					<div class="rounded bg-gray-50 p-2 font-mono text-sm">
 						{message}