From be418a1ab336ae04521f88073668d700d1043a8e Mon Sep 17 00:00:00 2001
From: Alvita Huang <alvita.huang@ringcentral.com>
Date: Fri, 23 Jun 2017 15:32:31 +0800
Subject: [PATCH] fix message word wrap

---
 src/components/ConversationMessageList/styles.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ConversationMessageList/styles.scss b/src/components/ConversationMessageList/styles.scss
index 587e2623ed..d9277e98b8 100644
--- a/src/components/ConversationMessageList/styles.scss
+++ b/src/components/ConversationMessageList/styles.scss
@@ -47,13 +47,17 @@
   min-width: 50%;
   max-width: 60%;
   text-align: left;
-  word-break: break-word;
   hyphens: auto;
   padding: 10px 15px;
   background: $sms-bubble-background-color;
   border-radius: 16px;
   min-height: 13px;
   box-sizing: content-box;
+  /* For Firefox */
+  white-space: pre-wrap;
+  word-break: break-all;
+  /* For Chrome and IE */
+  word-wrap: break-word;
 }
 
 .messageBody.inbound {