diff --git a/frontend/src/component/ai/AIChatMessage.tsx b/frontend/src/component/ai/AIChatMessage.tsx
index d6286a721a84..868e6fedc150 100644
--- a/frontend/src/component/ai/AIChatMessage.tsx
+++ b/frontend/src/component/ai/AIChatMessage.tsx
@@ -43,6 +43,9 @@ const StyledAIMessage = styled('div')(({ theme }) => ({
         borderWidth: '5px',
         borderColor: `transparent ${theme.palette.secondary.border} transparent transparent`,
     },
+    pre: {
+        whiteSpace: 'pre-wrap',
+    },
 }));
 
 const StyledUserMessage = styled(StyledAIMessage)(({ theme }) => ({