From 5156fb6ee77e3d4a03893f3cbf60c97736eff61e Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Tue, 28 Dec 2021 09:05:27 +0100
Subject: [PATCH] fix(fs.shared): Whitespace wrap in code blocks

---
 packages/freesewing.shared/components/mdx/highlight.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/freesewing.shared/components/mdx/highlight.js b/packages/freesewing.shared/components/mdx/highlight.js
index a56cacb10ea..51f7ef3903e 100644
--- a/packages/freesewing.shared/components/mdx/highlight.js
+++ b/packages/freesewing.shared/components/mdx/highlight.js
@@ -18,7 +18,9 @@ const Highlight = (props) => {
       <div className={`text-xs uppercase font-bold text-neutral-content mt-1 text-center border-b border-neutral-content border-opacity-25 py-1 mb-2 lg:text-sm`}>
         {names[language] ? names[language] : language}
       </div>
-      <pre className={`language-${language} hljs text-base lg:text-lg`}>{children}</pre>
+      <pre className={`language-${language} hljs text-base lg:text-lg whitespace-pre-line`}>
+        {children}
+      </pre>
     </div>
   )
 }