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",