From 223a288566a00761d69361b27cde3fc04b08bcd1 Mon Sep 17 00:00:00 2001
From: Tyler Pfledderer <tyler.pfledderer@gmail.com>
Date: Fri, 1 Apr 2022 08:27:01 -0400
Subject: [PATCH] fix(react-live-block): add `overflowX` and `whiteSpace` to
 the `LiveCodePreview` baseStyle

---
 src/components/mdx-components/codeblock/react-live-block.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/mdx-components/codeblock/react-live-block.tsx b/src/components/mdx-components/codeblock/react-live-block.tsx
index 52170b1338..ae0aeea98f 100644
--- a/src/components/mdx-components/codeblock/react-live-block.tsx
+++ b/src/components/mdx-components/codeblock/react-live-block.tsx
@@ -14,6 +14,8 @@ const LiveCodePreview = chakra(LivePreview, {
     p: 3,
     borderWidth: 1,
     borderRadius: '12px',
+    overflowX: 'auto',
+    whiteSpace: 'pre',
   },
 })