From e53d65e744cae41126c92112c4d7e78fc4295b0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daphn=C3=A9=20Popin?= <PopDaph@users.noreply.github.com>
Date: Fri, 19 Jul 2024 11:07:04 +0200
Subject: [PATCH] Prevent very big lines on rendermessage markdown (#6339)

---
 front/components/assistant/RenderMessageMarkdown.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/front/components/assistant/RenderMessageMarkdown.tsx b/front/components/assistant/RenderMessageMarkdown.tsx
index 5edb1d50444d..31f498b6fc08 100644
--- a/front/components/assistant/RenderMessageMarkdown.tsx
+++ b/front/components/assistant/RenderMessageMarkdown.tsx
@@ -572,12 +572,14 @@ function OlBlock({ children }: { children: React.ReactNode }) {
 }
 function LiBlock({ children }: { children: React.ReactNode }) {
   return (
-    <li className="py-2 text-element-800 first:pt-0 last:pb-0">{children}</li>
+    <li className="break-words py-2 text-element-800 first:pt-0 last:pb-0">
+      {children}
+    </li>
   );
 }
 function ParagraphBlock({ children }: { children: React.ReactNode }) {
   return (
-    <div className="whitespace-pre-wrap py-2 text-base font-normal leading-7 text-element-800 first:pt-0 last:pb-0">
+    <div className="whitespace-pre-wrap break-words py-2 text-base font-normal leading-7 text-element-800 first:pt-0 last:pb-0">
       {children}
     </div>
   );