Fix padding issue

Author: OskarDamkjaer

src/browser/modules/Editor/Monaco.tsx

@@ -127,8 +127,6 @@ const Monaco = forwardRef<MonacoHandles, MonacoProps>(
       const cursorPosition = editorRef?.current?.getPosition() as IPosition
       editorRef.current?.setValue(editorRef.current?.getValue() || '')
       editorRef.current?.setPosition(cursorPosition)
-
-      updateGutterCharWidth(useDb || '')
     }, [useDb])
 
     // Create monaco instance, listen to text changes and destroy
@@ -246,7 +244,7 @@ const Monaco = forwardRef<MonacoHandles, MonacoProps>(
     useEffect(() => {
       onContentUpdate()
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [enableMultiStatementMode])
+    }, [enableMultiStatementMode, useDb])
 
     useEffect(() => {
       editorRef.current?.updateOptions({ fontLigatures })
@@ -361,7 +359,7 @@ const Monaco = forwardRef<MonacoHandles, MonacoProps>(
     const updateGutterCharWidth = (dbName: string) => {
       editorRef.current?.updateOptions({
         lineNumbersMinChars:
-          dbName.length && !isMultiLine() ? dbName.length * 1.2 : 2
+          dbName.length && !isMultiLine() ? dbName.length * 1.3 : 2
       })
     }
 
@@ -373,7 +371,7 @@ const Monaco = forwardRef<MonacoHandles, MonacoProps>(
         []
       )
 
-      updateGutterCharWidth(useDbRef.current || '')
+      updateGutterCharWidth(useDb || '')
       debouncedUpdateCode()
     }