diff --git a/src/MystEditor.js b/src/MystEditor.js
index 5d11467..14842a8 100644
--- a/src/MystEditor.js
+++ b/src/MystEditor.js
@@ -75,6 +75,7 @@ const StatusBanner = styled.div`
  * Ideally we would use CSS Grid but that has some performance issues with CodeMirror on Chromium. */
 const FlexWrapper = styled.div`
   flex: 1;
+  min-width: 0;
   height: 100%;
   min-height: 500px;
 `;
diff --git a/src/components/Preview.js b/src/components/Preview.js
index 94d2c71..6d598d0 100644
--- a/src/components/Preview.js
+++ b/src/components/Preview.js
@@ -12,7 +12,7 @@ const Preview = styled.div`
   border-radius: var(--border-radius);
   vertical-align: top;
   color: var(--gray-900);
-  word-break: break-all;
+  word-wrap: break-word;
   position: relative;
   overflow-y: auto;
   scrollbar-width: thin;