diff --git a/ui/src/components/agents/messages/TurnChangedFilesCard.tsx b/ui/src/components/agents/messages/TurnChangedFilesCard.tsx
index 7199cd7e..c8f035ed 100644
--- a/ui/src/components/agents/messages/TurnChangedFilesCard.tsx
+++ b/ui/src/components/agents/messages/TurnChangedFilesCard.tsx
@@ -106,7 +106,7 @@ export const TurnChangedFilesCard = memo(function TurnChangedFilesCard({
   }, []);
 
   return (
-    <div className="mt-3 rounded-xl bg-[var(--ui-accent-bubble)] overflow-hidden">
+    <div className="mt-3 rounded-xl bg-[var(--ui-code-bubble)] overflow-hidden">
       <div className="px-3 py-2 text-xs text-[color:var(--ui-text-muted)] border-b border-[var(--ui-border)] flex items-center gap-2">
         <span>{files.length} file{files.length === 1 ? "" : "s"} changed</span>
         <span className="text-green-400">+{totals.additions}</span>