From 89d2d3bbf45eea0a872b488341fbe69834b05e63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?RickyChen=20/=20=E9=99=B3=E6=98=AD=E5=84=92?=
 <109416633+rickychen-infinirc@users.noreply.github.com>
Date: Fri, 7 Nov 2025 11:06:22 +0800
Subject: [PATCH] fix(ui): adjust user message bubble styling for multiline
 code and proper alignment

---
 components/message.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/message.tsx b/components/message.tsx
index 41fd613b98..dec9d7db11 100644
--- a/components/message.tsx
+++ b/components/message.tsx
@@ -126,7 +126,7 @@ const PurePreviewMessage = ({
                   <div key={key}>
                     <MessageContent
                       className={cn({
-                        "w-fit break-words rounded-2xl px-3 py-2 text-right text-white":
+                        "w-fit-break-words rounded-2xl px-3 py-2 text-white whitespace-pre-wrap":
                           message.role === "user",
                         "bg-transparent px-0 py-0 text-left":
                           message.role === "assistant",