diff --git a/.changeset/fix-user-message-visibility.md b/.changeset/fix-user-message-visibility.md
new file mode 100644
index 00000000000..ec4f0ef25df
--- /dev/null
+++ b/.changeset/fix-user-message-visibility.md
@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Fix user message visibility by using distinctive theme-aware colors
diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index ae9ce1b65fc..9e188f458a1 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -1362,7 +1362,7 @@ export const ChatRowContent = ({
 									isEditing ? "overflow-visible" : "overflow-hidden", // kilocode_change
 									isEditing
 										? "bg-vscode-editor-background text-vscode-editor-foreground"
-										: "cursor-text p-1 bg-vscode-sideBar-background text-vscode-foreground", // kilocode_change
+										: "cursor-text p-1 bg-vscode-editor-background text-vscode-editor-foreground border-vscode-editorGroup-border", // kilocode_change
 								)}>
 								{isEditing ? (
 									<div className="flex flex-col gap-2">