Change rem to em since spacing depends on custom font size. Tweak spacing values a bit.

Author: mooflu

src/components/Viewers/SyntaxViewer.tsx

@@ -57,7 +57,7 @@ const SyntaxViewer: React.FC = () => {
                         fontFamily: syntaxCustomFont ? 'syntaxFont' : '',
                         fontSize: syntaxFontSize,
                         lineHeight: '1.2em',
-                        marginLeft: syntaxShowLineNumbers ? '3rem' : 0,
+                        marginLeft: syntaxShowLineNumbers ? '3.1em' : 0,
                     },
                 }}
                 customStyle={{

src/theme.tsx

@@ -81,7 +81,7 @@ const useTheme = () => {
                         '.textLineNumber::before': {
                             position: 'absolute',
                             marginLeft: '-4em',
-                            width: '3rem',
+                            width: '3.7em',
                             content: 'counter(linenumber)',
                             fontStyle: 'italic',
                             textAlign: 'right',