diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index 0df78d8275df08cd3f8e33da53e6b050cab38b95..55acbbcc7fd8eba4131da5a60a5526f9c0d8b2cc 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -649,7 +649,7 @@ export default function ChatView() {
 
       {/* Error banner */}
       {activeThread.error && (
-        <div className="mx-4 mt-3 rounded-lg border border-rose-400/20 bg-rose-900/20 px-3 py-2 text-xs text-rose-200">
+        <div className="mx-4 mt-3 rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive">
           {activeThread.error}
         </div>
       )}