From c2cb6e4bdc5d0bb345a7175ce5e60c878965967a Mon Sep 17 00:00:00 2001
From: Guilhem Lemouel <guilhemlemouel@gmail.com>
Date: Wed, 20 May 2026 11:18:07 +0200
Subject: [PATCH] fix(chat): solid background behind reject all button

---
 .../copilot/chat/AIChatDisplay.svelte         | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte b/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte
index 6c60b25e78..847d657582 100644
--- a/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte
+++ b/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte
@@ -332,7 +332,7 @@
 				<div
 					transition:fade={{ duration: 120 }}
 					class={twMerge(
-						'absolute left-1/2 -translate-x-1/2 z-10 rounded-full bg-surface shadow-md border border-gray-200 dark:border-gray-700',
+						'absolute left-1/2 -translate-x-1/2 z-10 rounded-md bg-surface shadow-md',
 						aiChatManager.flowAiChatHelpers?.hasPendingChanges() ? 'bottom-12' : 'bottom-2'
 					)}
 				>
@@ -371,17 +371,19 @@
 				>
 					Accept all
 				</Button>
-				<Button
-					startIcon={{ icon: XIcon }}
-					size="xs"
-					variant="default"
-					btnClasses="dark:opacity-50 opacity-60 hover:opacity-100"
-					onclick={() => {
-						aiChatManager.flowAiChatHelpers?.rejectAllModuleActions()
-					}}
-				>
-					Reject all
-				</Button>
+				<div class="rounded bg-surface">
+					<Button
+						startIcon={{ icon: XIcon }}
+						size="xs"
+						variant="default"
+						btnClasses="dark:opacity-50 opacity-60 hover:opacity-100"
+						onclick={() => {
+							aiChatManager.flowAiChatHelpers?.rejectAllModuleActions()
+						}}
+					>
+						Reject all
+					</Button>
+				</div>
 			</div>
 		{/if}
 		<div>