From 846fb122cd9eae85484ac2f0d0e2c2f8da52a584 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 28 Oct 2023 13:40:47 -0400
Subject: [PATCH] fix: Misalignment of code block line numbers when font-size
 is increased in Edge

closes #5612
---
 shared/editor/components/Styles.ts | 2 +-
 shared/editor/extensions/Prism.ts  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

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};`,
             },
             {