diff --git a/packages/common/components/MarkdownEditor/index.js b/packages/common/components/MarkdownEditor/index.js
index 49f00c8..5038828 100644
--- a/packages/common/components/MarkdownEditor/index.js
+++ b/packages/common/components/MarkdownEditor/index.js
@@ -25,6 +25,7 @@ export const StyledTextArea = styled(Grid)`
     min-height: ${EDITOR_MIN_WIDTH}px;
     border: none;
     outline: none;
+    word-break: break-word;
   }
 
   & div.markdown-body {
diff --git a/packages/common/components/MarkdownViewer/styled.js b/packages/common/components/MarkdownViewer/styled.js
index 14ce629..0a50597 100644
--- a/packages/common/components/MarkdownViewer/styled.js
+++ b/packages/common/components/MarkdownViewer/styled.js
@@ -5,6 +5,7 @@ export const StyledMarkdownBody = styled.div`
   width: -webkit-fill-available;
   width: -moz-available;
   word-break: break-all;
+  word-break: break-word;
 
   &.markdown-body .octicon {
     display: inline-block;