Merge pull request #278 from code-hike/line-number-shift-fix

Fix line number horizontal shift
code-hike · Aug 28, 2022 · 9d46d1b · 9d46d1b
2 parents 2d13eae + 59b2af1
commit 9d46d1b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/mdx/src/smooth-code/use-dimensions.tsx b/packages/mdx/src/smooth-code/use-dimensions.tsx
@@ -63,7 +63,7 @@ function useDimensions(
         .trimEnd()
         .split(newlineRe)
 
-      const originalLineCount = lines.length
+      const largestLineNumber = Math.max(lines.length, 10)
 
       if (rows) {
         // make the lines match the requested number of rows
@@ -108,7 +108,7 @@ function useDimensions(
               <div ref={ref} key={i}>
                 {lineNumbers ? (
                   <span className="ch-code-line-number">
-                    _{originalLineCount}
+                    _{largestLineNumber}
                   </span>
                 ) : undefined}
                 <div