diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index e0d9deaeb..a57feaf91 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -793,6 +793,10 @@ div[data-notify="container"] {
     color: var(--muted-text-color);
 }
 
+.ck-editor__editable .ck-mermaid__editing-view {
+    font-family: var(--monospace-font-family);
+}
+
 .ck-content .table table th {
     background-color: var(--accented-background-color);
 }