diff --git a/frontend/src/assets/mde-highlight.scss b/frontend/src/assets/mde-highlight.scss
index 63f5aef78..877852520 100644
--- a/frontend/src/assets/mde-highlight.scss
+++ b/frontend/src/assets/mde-highlight.scss
@@ -7,7 +7,7 @@
 
 .cm-focused .cm-selectionBackground { background-color: rgba(var(--v-theme-codemirror-selection), 1) !important; }
 .cm-selectionBackground { background-color: rgba(var(--v-theme-codemirror-selection), 0.5) !important; }
-
+.cm-cursor { border-left-color: rgb(var(--v-theme-on-surface)); }
 
 
 /* inline markdown styles */
@@ -31,18 +31,7 @@
   .tok-codeblock, .tok-inlinecode {
     font-family: monospace;
     color: vuetify.$code-color;
-    position: relative;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      content: "";
-      z-index: -10;
-      background-color: vuetify.$code-background-color;
-    }
+    background-color: rgba(var(--v-theme-on-surface), 0.05);
   }
 
   .tok-table {