From ff9b3064b60d2016adf256315628ec20a845e348 Mon Sep 17 00:00:00 2001
From: AlexRV12 <71396855+AlexRV12@users.noreply.github.com>
Date: Wed, 2 Sep 2026 15:29:24 +0200
Subject: [PATCH] fix: raise the chat scroll fade so a short block still shows
 one

---
 .../lib/components/copilot/chat/RunArgsFormDisplay.svelte    | 5 ++++-
 .../src/lib/components/copilot/chat/RunScriptCard.svelte     | 4 ++--
 .../lib/components/copilot/chat/ToolContentDisplay.svelte    | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte b/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte
index 05a53906f5..d75e3383a1 100644
--- a/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte
+++ b/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte
@@ -160,7 +160,10 @@
 		     having scrolled down is itself the knowledge that there is more up there. -->
 		{#if fades.bottom}
 			<div
-				class={twMerge('pointer-events-none absolute inset-x-0 bottom-0 h-[min(2rem,25%)]', fadeTo)}
+				class={twMerge(
+					'pointer-events-none absolute inset-x-0 bottom-0 h-[min(2.5rem,35%)]',
+					fadeTo
+				)}
 			></div>
 		{/if}
 	</div>
diff --git a/frontend/src/lib/components/copilot/chat/RunScriptCard.svelte b/frontend/src/lib/components/copilot/chat/RunScriptCard.svelte
index 1b0624c3cb..5aa28a6570 100644
--- a/frontend/src/lib/components/copilot/chat/RunScriptCard.svelte
+++ b/frontend/src/lib/components/copilot/chat/RunScriptCard.svelte
@@ -438,11 +438,11 @@
 			     on the wrong colour and leave a band at the very edge. -->
 			{#if fades.bottom && fadeBody}
 				<div
-					class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2rem,25%)] bg-gradient-to-t from-surface via-surface/60 to-transparent"
+					class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2.5rem,35%)] bg-gradient-to-t from-surface via-surface/60 to-transparent"
 				></div>
 				{#if activeTab === 'logs'}
 					<div
-						class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2rem,25%)] bg-gradient-to-t from-surface-secondary/50 via-surface-secondary/30 to-transparent"
+						class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2.5rem,35%)] bg-gradient-to-t from-surface-secondary/50 via-surface-secondary/30 to-transparent"
 					></div>
 				{/if}
 			{/if}
diff --git a/frontend/src/lib/components/copilot/chat/ToolContentDisplay.svelte b/frontend/src/lib/components/copilot/chat/ToolContentDisplay.svelte
index 5b7c560a19..9d1bf698f7 100644
--- a/frontend/src/lib/components/copilot/chat/ToolContentDisplay.svelte
+++ b/frontend/src/lib/components/copilot/chat/ToolContentDisplay.svelte
@@ -138,7 +138,7 @@
 				</div>
 				{#if showFade && fades.bottom}
 					<div
-						class="absolute bottom-0 left-0 right-0 h-[min(2rem,25%)] pointer-events-none bg-gradient-to-t from-surface via-surface/70 via-surface/40 to-transparent"
+						class="absolute bottom-0 left-0 right-0 h-[min(2.5rem,35%)] pointer-events-none bg-gradient-to-t from-surface via-surface/70 to-transparent"
 					></div>
 				{/if}
 			</div>