From 556a6376049b5060575a1099dc82bb4b84556a46 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Fri, 29 May 2020 12:51:23 +0300
Subject: [PATCH] fix(v2): set proper font for live editor

---
 .../src/theme/Playground/index.js                             | 2 +-
 .../src/theme/Playground/styles.module.css                    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js
index 1118177f14db..de669e0a8019 100644
--- a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js
+++ b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js
@@ -25,7 +25,7 @@ function Playground({children, theme, transformCode, ...props}) {
         )}>
         Live Editor
       </div>
-      <LiveEditor />
+      <LiveEditor className={styles.playgroundEditor} />
       <div
         className={classnames(
           styles.playgroundHeader,
diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
index 36a521621a83..41a73324dcad 100644
--- a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
+++ b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
@@ -22,6 +22,10 @@
   color: var(--ifm-color-content);
 }
 
+.playgroundEditor {
+  font-family: var(--ifm-font-family-monospace) !important;
+}
+
 .playgroundPreview {
   border: 1px solid var(--ifm-color-emphasis-200);
   border-bottom-left-radius: var(--ifm-global-radius);