Change:
Notice the hover feedback is cut off vertically and should have additional spacing. ! Setup: language pack (may impact?) "window.zoomLevel": 2 It also happens with other zoom levels: !
Korean language pack + default zoom level: &lt;img width="828" alt="image" src=""And with zoom level 2: &lt;img width="730" alt="image" src=""Do you have any other settings that may impact this?
When I comment all my settings out, there is still a lack of padding on the top imo: ! Toggling parts of my settings can make this happen, it didn't seem obvious to me what setting is the problem. Also there's a delayed layout after saving which was a little strange ! My settings: &lt;details&lt;pre&lt;code{ "terminal.integrated.wordSeparators": " ()[]{}',"‘’|", "diffEditor.hideUnchangedRegions.contextLineCount": 20, "workbench.settings.enableNaturalLanguageSearch": true, "editor.accessibilitySupport": "off", "terminal.integrated.gpuAcceleration": "on", "terminal.integrated.shellIntegration.enabled": true, "telemetry.internalTesting": true, // "terminal.integrated.developer.ptyHost.latency": 1000, // "terminal.integrated.developer.ptyHost.startupDelay": 5000, // ========================= // Core - Experimental // ========================= // "editor.experimental.asyncTokenization": true, "window.experimental.nativeContextMenuLocation": true, // ========================= // Core // ========================= "audioCues.onDebugBreak": "on", // "audioCues.terminalQuickFix": "on", "comments.openView": "never", "breadcrumbs.showVariables": false, "breadcrumbs.showFields": false, "breadcrumbs.showProperties": false, "debug.console.acceptSuggestionOnEnter": "on", "debug.internalConsoleOptions": "neverOpen", "debug.javascript.autoAttachFilter": "disabled", "debug.javascript.debugByLinkOptions": "on", "debug.toolBarLocation": "floating", "debug.saveBeforeStart": "none", "debug.showInStatusBar": "onFirstSessionStart", "editor.autoClosingBrackets": "never", "editor.autoClosingQuotes": "never", "editor.autoSurround": "never", "editor.bracketPairColorization.enabled": false, "editor.codeLens": false, "editor.copyWithSyntaxHighlighting": false, // "editor.folding": false, "editor.fontFamily": "Hack, 'Powerline Extra Symbols', 'Hack NF'", "editor.fontSize": 10, "editor.formatOnPaste": false, "editor.formatOnSave": false, "": true, "editor.inlayHints.enabled": "off", "editor.inlineSuggest.enabled": false, "editor.minimap.renderCharacters": false, "editor.minimap.showSlider": "always", "": true, "editor.renderControlCharacters": true, "editor.renderLineHighlight": "all", "editor.renderWhitespace": "boundary", "editor.roundedSelection": false, "": [ 80, 100, 120 ], "editor.smoothScrolling": false, "editor.stickyScroll.enabled": true, "editor.suggestSelection": "first", "editor.suggest.snippetsPreventQuickSuggestions": false, "explorer.autoReveal": false, "extensions.autoUpdate": true, "extensions.ignoreRecommendations": true, "git.enableStatusBarSync": true, "files.defaultLanguage": "markdown", "files.hotExit": "onExitAndWindowClose", "": true, "outline.showFunctions": false, "outline.showProperties": false, "outline.showVariables": false, "problems.sortOrder": "position", "search.maxResults": , "": true, "": "open", "settingsSync.ignoredExtensions": [ "ms-", "ms-vscode.azurecli", "ms-vsliveshare.vsliveshare", "", "" ], "settingsSync.ignoredSettings": [ "workbench.colorTheme", "", "editor.accessibilitySupport" ], "settingsSync.keybindingsPerPlatform": false, "task.allowAutomaticTasks": "off", "task.saveBeforeRun": "never", "terminal.external.windowsExec": "wt", "terminal.external.linuxExec": "", "terminal.integrated.allowMnemonics": true, "terminal.integrated.autoReplies": { "Terminate batch job (Y/N)": "Yr" }, "terminal.integrated.commandsToSkipShell": [ "" ], "terminal.integrated.cursorBlinking": true, "terminal.integrated.enableBell": true, "terminal.integrated.environmentChangesIndicator": "on", "terminal.integrated.fontSize": 10, "terminal.integrated.lineHeight": 1.1, // "terminal.integrated.localEchoEnabled": "on", // "terminal.integrated.localEchoLatencyThreshold": 20, // "terminal.integrated.localEchoLatencyThreshold": 0, "terminal.integrated.localEchoStyle": "underlined", "terminal.integrated.minimumContrastRatio": 7, "terminal.integrated.persistentSessionReviveProcess": "onExitAndWindowClose", "terminal.integrated.scrollback": , "terminal.integrated.smoothScrolling": true, "terminal.integrated.splitCwd": "inherited", "": "singleTerminalOrNarrow", "": "always", "terminal.integrated.defaultProfile.windows": "PowerShell", "terminal.integrated.profiles.windows": { "PowerShell": { "source": "PowerShell", "icon": "terminal-powershell" }, "Command Prompt": { "path": [ "${env:windir}Sysnative", "${env:windir}System32" ], "args": [], "icon": "terminal-cmd" }, "Git Bash": { "source": "Git Bash" }, "Windows PowerShell": { "path": "C:WINDOWSSystem32WindowsPowerShellv1.0" }, "bash (MSYS2)": { "path": "C:msys64usrbin", "args": [ "--login", "-i" ] }, "Ubuntu (WSL)": { "path": "C:WINDOWSSystem32", "args": [ "-d", "Ubuntu" ] } }, "": "{separator}{separator}${cwdFolder}", // "testing.automaticallyOpenPeekView": "never", "testing.openTesting": "neverOpen", "testing.defaultGutterClickAction": "debug", "window.commandCenter": false, "window.openFoldersInNewWindow": "on", "window.restoreWindows": "all", "": "{separator}${activeEditorMedium}", "window.titleBarStyle": "custom", "workbench.colorCustomizations": { "[Default Light+]": { "terminal.selectionBackground": "#" }, "[Visual Studio Light]": { "terminal.selectionBackground": "#" }, "[Dark+]": { "": "#" }, "[Default Dark+ Experimental]": { "": "d8" }, "[Default Light+ Experimental]": { "": "fb8" }, "[Sapphire]": { "editor.wordHighlightStrongBackground": "", "editor.wordHighlightStrongBorder": "ef4", "editor.wordHighlightBackground": "", "editor.wordHighlightBorder": "ef4", "editor.selectionHighlightBackground": "", "editor.selectionBackground": "", "diffEditorGutter.insertedLineBackground": "D", "diffEditorGutter.removedLineBackground": "D", "diffEditorOverview.insertedForeground": "D", "diffEditorOverview.removedForeground": "D", "editorStickyScrollHover.background": "C2E42" }, "[Sapphire (Dim)]": { "editor.wordHighlightStrongBackground": "", "editor.wordHighlightStrongBorder": "ef4", "editor.wordHighlightBackground": "", "editor.wordHighlightBorder": "ef4", "editor.selectionHighlightBackground": "", "editor.selectionBackground": "", "editor.symbolHighlightBackground": "", "editor.symbolHighlightBorder": "ef4", "sideBarSectionHeader.background": "f18", "": "a10", "activityBar.background": "a10" }, "[Topaz (Dim)]": { "terminal.selectionBackground": "f", "editor.symbolHighlightBorder": "#", "tab.activeBorder": "", "tab.activeBorderTop": "#" }, "[Default High Contrast]": { "editorIndentGuide.background1": "" } }, "workbench.dialogs.useSimplified": "true", "": "hidden", "": false, "": false, "workbench.editorAssociations": { ".{bmp,ico,jpg,jpeg,png}": "", ".webp": "", ".jpe": "", ".ipynb": "jupyter-notebook" }, "workbench.iconTheme": "chalice-icon-theme", "workbench.layoutControl.enabled": false, "": "json", "workbench.settings.openDefaultSettings": false, "workbench.startupEditor": "none", "": false, "": "doubleClick", "zenMode.centerLayout": false, // ========================= // Core - Languages // ========================= "javascript.updateImportsOnFileMove.enabled": "always", "markdown.preview.scrollEditorWithPreview": false, "markdown.updateLinksOnFileMove.enabled": "always", "[markdown]": { "editor.quickSuggestions": { "comments": "off", "strings": "off", "other": "off" } }, // ========================= // Extension - Chalice Icons // ========================= "chaliceIcons.showArrows": true, // ========================== // Extension - GitHub Copilot // ========================== "": { "": true, "plaintext": true, "markdown": true, "scminput": false, "yaml": true }, "github.copilot.advanced": { "debug.conversation": true, "debug.overrideLogLevels": { "": "DEBUG" }, // "variables": { // "*": true // }, }, // ========================= // Extension - GitHub PRI // ========================= "githubIssues.queries": [ { "label": "My Issues", "query": "default" }, { "label": "Created Issues", "query": "author:{owner}/${repository}" }, { "label": "Luna", "query": "is:open repo:lunapaint/luna sort:updated-desc" } ], "githubPullRequests.commentExpandState": "collapseAll", "githubPullRequests.pullBranch": "never", "githubPullRequests.queries": [ { "label": "Waiting For My Review", "query": "is:open review-requested:${user}" }, { "label": "Assigned To Me", "query": "is:open assignee:${user}" }, { "label": "Assigned To Megan", "query": "is:open assignee:meganrogge" }, { "label": "Created By Me", "query": "is:open author:${user}" } ], "githubPullRequests.remotes": [ "origin", "ups", "upstream" ], "githubPullRequests.terminalLinksHandler": "github", "githubPullRequests.focusedMode": false, // ====================== // Extension - Hex Editor // ====================== "hexeditor.dataInspector.autoReveal": false, // ====================== // Extension - Live Share // ====================== "liveshare.comments": false, // ====================== // Extension - Luna Paint // ====================== "luna.defaultImageSize": { "width": 800, "height": 600 }, "luna.defaultTool": "selection", "luna.developer.logPerfMetrics": true, // "luna.retainContextWhenHidden": false, // =============================== // Extension - Material Icon Theme // =============================== "material-icon-theme.showReloadMessage": false, "material-icon-theme.showWelcomeMessage": false, "material-icon-": { ".eslintrc": "json", "": "yaml", "": "yaml", ".mention-bot": "git", ".yarnrc": "nodejs", "": "nodejs", "": "nodejs", "": "nodejs", "": "nodejs", ".editorconfig": "settings", "Procfile": "settings", ".mailmap": "settings", ".npmrc": "nodejs", ".npmignore": "nodejs", "": "json", "": "json", ".md": "document", ".txt": "document", "LICENSE": "document", "azure-": "settings", "": "typescript" }, "material-icon-theme.folders.associations": { "src": "src" }, "material-icon-": "classic", // ====================== // Extension - PowerShell // ====================== "powershell.integratedConsole.showOnStartup": false, "powershell.promptToUpdatePowerShell": false, // ===================================== // Extension - Template String Converter // ===================================== "template-string-converter.convertOutermostQuotes": true, // ========================== // Extension - TODO HIGHLIGHT // ========================== "todohighlight.keywords": [ { "text": "TODO:", "color": "EF4", "backgroundColor": "transparent", "overviewRulerColor": "transparent" }, { "text": "FIXME:", "color": "EF4", "backgroundColor": "transparent", "overviewRulerColor": "transparent" }, { "text": "DEBUG:", "color": "#DA6771", "backgroundColor": "transparent", "overviewRulerColor": "transparent" }, { "text": "HACK:", "color": "#DA6771", "backgroundColor": "transparent", "overviewRulerColor": "transparent" }, { "text": "IMPORTANT:", "color": "#DA6771", "backgroundColor": "transparent", "overviewRulerColor": "transparent" }, { "text": "NOTE:", "color": "#DA6771", "backgroundColor": "transparent", "overviewRulerColor": "transparent" } ], // ======================================== // Extension - Windows Terminal Integration // ======================================== "windowsTerminal.channel": "auto", // ======================== // Extension - Remote - SSH // ======================== "remote.SSH.remotePlatform": { "robwin": "windows" }, "git.openRepositoryInParentFolders": "never", "": "bash", "git.autofetch": true, "workbench.colorTheme": "Sapphire", "window.zoomLevel": 1 } </code</pre</details
This is at least the intended amount of padding. The big layout change is probably this setting .
I can repro with your settings. is causing this.
Seems to be a peek view problem: <img width="977" alt="image" src="" I think it's coming from here. Is this by design? This was copied into comments:
cc
Sorry, what exactly is the issue here? I see various things happening above: Icon buttons mashed up against the top of the comment view zone Squashed icon buttons in the peek view Under normal circumstances I don't see any obvious issues: <img width="536" alt="CleanShot 2023-09-15 at 08 54 21 src=""<img width="812" alt="CleanShot 2023-09-15 at 08 53 41 src=""Possible some padding massaging needed but I can't seem to repro the other issues above.
I expect these two red lines to be of equal length, we should either have additional top padding or remove some bottom padding: ! The worst part of the issue which does look like a bug is the fact that the top of the button is cut off sometimes: !
Agree on the top. I see the issue below but I'm not sure how to repro. I have more padding than that: <img width="309" alt="CleanShot 2023-09-15 at 09 14 44 src=""
Alex found is related to the repro
Tried that with no effect. In any case, I agree that the header + toolbar row here should have equal padding and be vertically centered regardless of font size. There's a margin on the input wrapper that looks to cause the extra apparent spacing between the header an input.
Tried with "editor.fontSize": 20 and do not see any issue with the padding.

Discussion:
} display(lineHeight: number) { <del> const headHeight = Math.ceil(lineHeight * 1.2); </del> <ins> const headHeight = Math.max(23, Math.ceil(lineHeight * 1.2)); // 23 is the value of `Math.ceil(lineHeight * 1.2)` with the default editor font size </ins> this._header.updateHeight(headHeight); this._body.display();