diff --git a/shared/editor/components/Styles.ts b/shared/editor/components/Styles.ts
index a1f818892..aa2582a26 100644
--- a/shared/editor/components/Styles.ts
+++ b/shared/editor/components/Styles.ts
@@ -1149,7 +1149,7 @@ mark {
   &:after {
     content: attr(data-line-numbers);
     position: absolute;
-    padding-left: 1em;
+    padding-left: 0.5em;
     left: 1px;
     top: calc(1px + 0.75em);
     width: calc(var(--line-number-gutter-width,0) * 1em + .25em);
diff --git a/shared/editor/extensions/Prism.ts b/shared/editor/extensions/Prism.ts
index 6fcab0155..2e56c97ea 100644
--- a/shared/editor/extensions/Prism.ts
+++ b/shared/editor/extensions/Prism.ts
@@ -121,14 +121,14 @@ function getDecorations({
         const lineCountText = new Array(lineCount)
           .fill(0)
           .map((_, i) => padStart(`${i + 1}`, gutterWidth, " "))
-          .join(" \n");
+          .join("\n");
 
         lineDecorations.push(
           Decoration.node(
             block.pos,
             block.pos + block.node.nodeSize,
             {
-              "data-line-numbers": `${lineCountText} `,
+              "data-line-numbers": `${lineCountText}`,
               style: `--line-number-gutter-width: ${gutterWidth};`,
             },
             {