fix(chat): re-fix letting long messages wrap

css/_chat.scss

@@ -312,6 +312,10 @@
         }
     }
 
+    .chatmessage-wrapper {
+        max-width: 100%;
+    }
+
     .chatmessage {
         background-color: $chatRemoteMessageBackgroundColor;
         border-radius: 0px 6px 6px 6px;

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'>