Move margin left for line number if the row is meant to be highlighted

croossin · Dec 29, 2023 · d67b2af · d67b2af
1 parent 9ca2611
commit d67b2af
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/index.tsx b/src/index.tsx
@@ -117,7 +117,14 @@ function CodeBlock({
                           )}
                           <div className="px-4">
                             {showLineNumbers && (
-                              <span className="mr-4 select-none">{i + 1}</span>
+                              <span
+                                className={clsx(
+                                  "select-none",
+                                  shouldHighlight ? "-ml-1 mr-5" : "mr-4"
+                                )}
+                              >
+                                {i + 1}
+                              </span>
                             )}
                             {line.map((token, key) => (
                               <span key={key} {...getTokenProps({ token })} />