From fc6d7359b683a9e3d4f671547ec4ecaff1839453 Mon Sep 17 00:00:00 2001
From: Jeff Scott Ward <jeffscottward@users.noreply.github.com>
Date: Mon, 26 Aug 2024 17:35:53 -0400
Subject: [PATCH] Mobile render fix (#2176)

Allows for the reflowing of text and not breaking the parent box due of display flex container. Does not change any pre-existing classes only specifies further that it should stay inside.
---
 .../ChatContainer/ChatHistory/HistoricalMessage/index.jsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx b/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx
index f6920fa15..d8b529780 100644
--- a/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx
+++ b/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx
@@ -98,7 +98,7 @@ const HistoricalMessage = ({
               saveChanges={saveEditedMessage}
             />
           ) : (
-            <div>
+            <div className={'overflow-x-scroll break-words'}>
               <span
                 className={`flex flex-col gap-y-1`}
                 dangerouslySetInnerHTML={{