diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss
index cc935bee8..60da931f0 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss
+++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss
@@ -80,31 +80,14 @@
 }
 .Lexical__code {
   background-color: var(--sn-stylekit-contrast-background-color);
-  font-family: Menlo, Consolas, Monaco, monospace;
+  font-family: var(--sn-stylekit-monospace-font), monospace;
   display: block;
-  padding: 8px 8px 8px 52px;
-  line-height: 1.53;
-  font-size: 13px;
-  margin: 0;
-  margin-top: 8px;
-  margin-bottom: 8px;
+  padding: 1.25rem 1.35rem;
+  margin: 0.5rem 0;
   tab-size: 2;
-  /* white-space: pre; */
   overflow-x: auto;
   position: relative;
-}
-.Lexical__code:before {
-  content: attr(data-gutter);
-  position: absolute;
-  background-color: var(--sn-stylekit-secondary-background-color);
-  left: 0;
-  top: 0;
-  border-right: 1px solid var(--sn-stylekit-contrast-border-color);
-  padding: 8px;
-  color: var(--sn-stylekit-info-color);
-  white-space: pre-wrap;
-  text-align: right;
-  min-width: 25px;
+  border-radius: 0.25rem;
 }
 .Lexical__table {
   border-collapse: collapse;