diff --git a/src/components/chat/ChatMessage.tsx b/src/components/chat/ChatMessage.tsx
index 02cb219..026a41e 100644
--- a/src/components/chat/ChatMessage.tsx
+++ b/src/components/chat/ChatMessage.tsx
@@ -23,7 +23,9 @@ export const ChatMessage = ({
       <div
         className={`pr-4 text-${
           isSelf ? "gray-300" : accentColor + "-500"
-        } text-sm ${isSelf ? "" : "drop-shadow-" + accentColor}`}
+        } text-sm ${
+          isSelf ? "" : "drop-shadow-" + accentColor
+        } whitespace-pre-line`}
       >
         {message}
       </div>