diff --git a/frontend/src/lib/components/copilot/chat/AskUserQuestionDisplay.svelte b/frontend/src/lib/components/copilot/chat/AskUserQuestionDisplay.svelte
index d17d77af29..403b42864d 100644
--- a/frontend/src/lib/components/copilot/chat/AskUserQuestionDisplay.svelte
+++ b/frontend/src/lib/components/copilot/chat/AskUserQuestionDisplay.svelte
@@ -245,7 +245,7 @@
      viewport bottom) so the mount scrollIntoView leaves the Submit button uncovered. -->
 <div
 	bind:this={cardNode}
-	class="scroll-mb-8 rounded-md border border-border-light bg-surface p-3"
+	class="scroll-mb-8 rounded-md border border-border-light bg-surface-tertiary p-3 shadow-sm"
 	data-chat-keyboard-scope="ask-user-question"
 	use:focusActiveOnBackgroundClick
 >
diff --git a/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte b/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte
index 37552a894f..da2750cb18 100644
--- a/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte
+++ b/frontend/src/lib/components/copilot/chat/RunArgsFormDisplay.svelte
@@ -96,7 +96,7 @@
      scrollIntoView leaves the Run button uncovered. -->
 <div
 	bind:this={cardNode}
-	class="scroll-mb-8 flex flex-col divide-y rounded-md border border-border-light bg-surface"
+	class="scroll-mb-8 flex flex-col divide-y rounded-md border border-border-light bg-surface-tertiary shadow-sm"
 	data-chat-keyboard-scope="run-args-form"
 >
 	<div class="flex items-start gap-2 p-3">