From 5a53d7f32a7b07f13832154c8cff299ec05e7847 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.kim@8x8.com>
Date: Thu, 9 May 2019 08:43:11 -0700
Subject: [PATCH] fix(chat): re-fix letting long messages wrap

---
 css/_chat.scss                                    | 4 ++++
 react/features/chat/components/web/ChatMessage.js | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/css/_chat.scss b/css/_chat.scss
index 36f5fc9b0..ef5fb61e6 100644
--- a/css/_chat.scss
+++ b/css/_chat.scss
@@ -312,6 +312,10 @@
         }
     }
 
+    .chatmessage-wrapper {
+        max-width: 100%;
+    }
+
     .chatmessage {
         background-color: $chatRemoteMessageBackgroundColor;
         border-radius: 0px 6px 6px 6px;
diff --git a/react/features/chat/components/web/ChatMessage.js b/react/features/chat/components/web/ChatMessage.js
index 7e436166e..5b1c8e001 100644
--- a/react/features/chat/components/web/ChatMessage.js
+++ b/react/features/chat/components/web/ChatMessage.js
@@ -56,7 +56,7 @@ class ChatMessage extends AbstractChatMessage<Props> {
         });
 
         return (
-            <div>
+            <div className = 'chatmessage-wrapper'>
                 <div className = 'chatmessage'>
                     { this.props.showDisplayName && this._renderDisplayName() }
                     <div className = 'usermessage'>