diff --git a/webui/src/web-components/mobile-chat.ts b/webui/src/web-components/mobile-chat.ts
index e559d6a..52d9002 100644
--- a/webui/src/web-components/mobile-chat.ts
+++ b/webui/src/web-components/mobile-chat.ts
@@ -70,6 +70,12 @@
       border-bottom-left-radius: 6px;
     }
 
+    .message.error .message-bubble {
+      background-color: #ffebee;
+      color: #d32f2f;
+      border-radius: 18px;
+    }
+
     .thinking-message {
       align-self: flex-start;
       align-items: flex-start;
@@ -266,6 +272,9 @@
     if (message.type === "user") {
       return "user";
     }
+    if (message.type === "error") {
+      return "error";
+    }
     return "assistant";
   }