diff --git a/frontend/app/src/components/chat/conversation-message-groups.tsx b/frontend/app/src/components/chat/conversation-message-groups.tsx
index 38b40a48..38fb6054 100644
--- a/frontend/app/src/components/chat/conversation-message-groups.tsx
+++ b/frontend/app/src/components/chat/conversation-message-groups.tsx
@@ -92,7 +92,7 @@ function ConversationMessageGroup ({ group, isLastGroup }: { group: ChatMessageG
     >
       <Collapsible open={debugInfoOpen} onOpenChange={setDebugInfoOpen}>
         <div className="relative pr-12">
-          <h2 className="text-2xl font-normal">{group.user.content}</h2>
+          <h2 className="text-2xl font-normal whitespace-pre-wrap">{group.user.content}</h2>
           {enableDebug && <CollapsibleTrigger asChild>
             <Button className="absolute right-0 top-0 z-0 rounded-full" variant="ghost" size="sm">
               <InfoIcon className="h-4 w-4" />