MessageBar: Added word-break to fix long word bug (#2803)

* Added word-break to message bar * change file
microsoft · Sep 11, 2017 · 5ae36cd · 5ae36cd
1 parent bb12bfd
commit 5ae36cd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/common/changes/office-ui-fabric-react/message-bar-truncation_2017-09-11-22-15.json b/common/changes/office-ui-fabric-react/message-bar-truncation_2017-09-11-22-15.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "MessageBar: Added word-break to fix long words in message bar",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "mgodbolt@microsoft.com"
+}
diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss
@@ -15,7 +15,7 @@
   box-sizing: border-box;
   display: flex;
   position: relative;
-
+  word-break: break-word;
   .icon {
     @include padding-right(8px);
     color: $ms-color-info;