diff --git a/public/assets/css/dash/page-editor-highlights.css b/public/assets/css/dash/page-editor-highlights.css
index a7c60a1..926c437 100644
--- a/public/assets/css/dash/page-editor-highlights.css
+++ b/public/assets/css/dash/page-editor-highlights.css
@@ -2,7 +2,7 @@ code[class*="language-"],
 pre[class*="language-"] {
   color: var(--editor-primary);
   background: none;
-  font-family: var(--mono-type);
+  font-family: var(--base-type);
   text-align: left;
   white-space: pre;
   word-spacing: normal;
diff --git a/public/assets/css/dash/page-editor.css b/public/assets/css/dash/page-editor.css
index d44a03e..633164f 100644
--- a/public/assets/css/dash/page-editor.css
+++ b/public/assets/css/dash/page-editor.css
@@ -265,7 +265,7 @@ main > section.text-editor > div.edit-post-wrapper textarea:focus {
 
 main section.text-editor div.edit-post-wrapper #edit,
 main section.text-editor div.edit-post-wrapper #highlight {
-  font-family: var(--mono-type);
+  font-family: var(--base-type);
   border: 0;
   width: 100%;
   min-height: 300px;