From 1cf273f60a317e6c494bdd1b5b84c58c72dd3155 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miko=C5=82aj=20Trzci=C5=84ski?=
 <mtrzcinski@internships.svevn.com>
Date: Tue, 24 Sep 2024 12:17:31 +0200
Subject: [PATCH] [#65872] fix word wraping in preview

---
 src/MystEditor.js         | 1 +
 src/components/Preview.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

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;