From 921f3ee8cd100871831e32fbd621b1c83f2cf7a8 Mon Sep 17 00:00:00 2001
From: Robert Pintilii <robert.pin9@gmail.com>
Date: Mon, 30 Jan 2023 10:48:17 +0200
Subject: [PATCH] fix(chat) Break long text in multiple lines (#12842)

---
 react/features/chat/components/web/ChatMessage.tsx      | 3 ++-
 react/features/chat/components/web/ChatMessageGroup.tsx | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/react/features/chat/components/web/ChatMessage.tsx b/react/features/chat/components/web/ChatMessage.tsx
index b9f840ac4..fc19dfabb 100644
--- a/react/features/chat/components/web/ChatMessage.tsx
+++ b/react/features/chat/components/web/ChatMessage.tsx
@@ -93,7 +93,8 @@ const styles = (theme: Theme) => {
         userMessage: {
             ...withPixelLineHeight(theme.typography.bodyShortRegular),
             color: theme.palette.text01,
-            whiteSpace: 'pre-wrap'
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word'
         },
 
         privateMessageNotice: {
diff --git a/react/features/chat/components/web/ChatMessageGroup.tsx b/react/features/chat/components/web/ChatMessageGroup.tsx
index c67d1da88..5abbeb936 100644
--- a/react/features/chat/components/web/ChatMessageGroup.tsx
+++ b/react/features/chat/components/web/ChatMessageGroup.tsx
@@ -26,7 +26,8 @@ const useStyles = makeStyles()(theme => {
     return {
         messageGroup: {
             display: 'flex',
-            flexDirection: 'column'
+            flexDirection: 'column',
+            maxWidth: '100%'
         },
 
         groupContainer: {