diff --git a/ghost/admin/app/components/gh-cm-editor.js b/ghost/admin/app/components/gh-cm-editor.js
index c31960de5e..3020f9ad6e 100644
--- a/ghost/admin/app/components/gh-cm-editor.js
+++ b/ghost/admin/app/components/gh-cm-editor.js
@@ -29,7 +29,9 @@ const CmEditorComponent =  Component.extend(InvokeActionMixin, {
         let loader = this.get('lazyLoader');
 
         RSVP.all([
-            loader.loadStyle('codemirror', 'assets/codemirror/codemirror.css'),
+            // NOTE: no need to load the styles because we're already pulling
+            // them in via SimpleMDE and it causes conflicts with the editor
+            // loader.loadStyle('codemirror', 'assets/codemirror/codemirror.css'),
             loader.loadScript('codemirror', 'assets/codemirror/codemirror.js')
         ]).then(() => {
             scheduleOnce('afterRender', this, function () {
diff --git a/ghost/admin/app/styles/patterns/global.css b/ghost/admin/app/styles/patterns/global.css
index 6ea2fdc397..8af157b93d 100644
--- a/ghost/admin/app/styles/patterns/global.css
+++ b/ghost/admin/app/styles/patterns/global.css
@@ -329,6 +329,11 @@ pre tt {
     font-size: inherit;
 }
 
+.CodeMirror pre {
+    font-family: var(--font-family-mono);
+    font-size: 0.9em;
+}
+
 kbd {
     display: inline-block;
     margin-bottom: 0.4em;