Break long words instead of showing a horizontal scrollbar

dev.html

@@ -33,7 +33,7 @@
             'discuss@conference.conversejs.org'
         ],
         enable_smacks: true,
-        muc_respect_autojoin: false,
+        muc_respect_autojoin: true,
         message_archiving: 'always',
         debug: true
     });

sass/_messages.scss

@@ -182,6 +182,8 @@
                 padding: 0;
                 width: 100%;
                 white-space: pre-wrap;
+                word-wrap: break-word;
+                word-break: break-word;
                 a {
                     word-wrap: break-word;
                     word-break: break-all;