From d230b52cf9140c1c86fbb829a4b5f37267a8e792 Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Fri, 6 Feb 2026 15:12:31 +0100
Subject: [PATCH] nit card

---
 frontend/src/lib/components/RunsPage.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/RunsPage.svelte b/frontend/src/lib/components/RunsPage.svelte
index 8788116993..e8dc287d40 100644
--- a/frontend/src/lib/components/RunsPage.svelte
+++ b/frontend/src/lib/components/RunsPage.svelte
@@ -801,9 +801,11 @@
 					</div>
 				</Pane>
 				<AnimatedPane size={40} minSize={15} class="flex flex-col" opened={selectedIds.length > 0}>
-					<div class="mt-14 overflow-y-auto pr-4 ml-2">
+					<div class="mt-14 overflow-y-auto pr-4 ml-2 relative flex-1">
 						{#if openBatchRerunOptions}
-							<BatchReRunOptionsPane {selectedIds} bind:options={batchReRunOptions} />
+							<div class="rounded-md bg-surface-tertiary border absolute inset-0 mb-4">
+								<BatchReRunOptionsPane {selectedIds} bind:options={batchReRunOptions} />
+							</div>
 						{:else if selectedIds.length === 1}
 							{#if selectedIds[0] === '-'}
 								<div class="p-4">There is no information available for this job</div>
@@ -816,9 +818,11 @@
 								/>
 							{/if}
 						{:else if selectedIds.length > 1}
-							<div class="text-xs m-4"
-								>There are {selectedIds.length} jobs selected. Choose 1 to see detailed information</div
+							<div
+								class="rounded-md bg-surface-tertiary border absolute inset-0 mb-4 flex items-center justify-center"
 							>
+								<div class="text-xs m-4"> {selectedIds.length} jobs selected</div>
+							</div>
 						{/if}
 					</div>
 				</AnimatedPane>