diff --git a/src/components/pages/MarkdownEditor.jsx b/src/components/pages/MarkdownEditor.jsx
index 629aa6c1d..38dd11c53 100644
--- a/src/components/pages/MarkdownEditor.jsx
+++ b/src/components/pages/MarkdownEditor.jsx
@@ -7,6 +7,7 @@ import EditorModals from "components/pages/EditorModals"
 import { useMarkdown } from "hooks/useMarkdown"
 
 import editorStyles from "styles/isomer-cms/pages/Editor.module.scss"
+import "./editor.scss"
 
 import {
   boldButton,
@@ -137,6 +138,7 @@ const MarkdownEditor = ({ siteName, onChange, value, isLoading }) => {
       >
         <StatusIcon />
         <SimpleMDE
+          className={editorStyles.cm}
           id="simplemde-editor"
           onChange={onChange}
           value={value}
diff --git a/src/components/pages/editor.scss b/src/components/pages/editor.scss
new file mode 100644
index 000000000..c945daf7a
--- /dev/null
+++ b/src/components/pages/editor.scss
@@ -0,0 +1,5 @@
+.CodeMirror {
+  height: calc(100% - 6rem) !important;
+
+  overflow-y: scroll;
+}
diff --git a/src/styles/isomer-template.scss b/src/styles/isomer-template.scss
index 49536a000..3c7c514a5 100644
--- a/src/styles/isomer-template.scss
+++ b/src/styles/isomer-template.scss
@@ -13073,11 +13073,6 @@ a.navbar-item {
   max-width: 100%;
 }
 
-.CodeMirror {
-  height: calc(100% - 6rem) !important;
-  overflow-y: scroll;
-}
-
 .page-header-container {
   padding-left: 3.125rem;
   margin: 0 0 !important;