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 {