Change:
Type: <bBug</bWrite any wrong code. VS Code will mark it with red squggly lines under it that overlaps with your text. VS Code version: Code 1.88.0 (, 2024-04-03T13:25:57.039Z) OS version: Linux x64 5.14.0-1048-oem snap Modes: <details<summarySystem Info</summary </details<details<summaryExtensions (24)</summaryExtensionVersion ------ vscode-json1.5.2 insertnumbers0.9.1 gitignore0.9.0 crispy-vs-code-snippets0.1.0 vscode-eslint2.4.4 gitlens14.9.0 prettier-vscode10.4.0 comment-anchors1.10.4 vscode-firefox-debug2.9.10 vscode-jest-runner0.4.73 vscode-github-actions0.26.2 guid0.0.2 git-graph1.30.0 theme-monokai-pro-vscode1.2.2 atom-keybindings3.3.0 azure-account0.11.6 typescript-explorer0.4.2 indent-rainbow8.3.1 material-icon-theme4.34.0 code-spell-checker3.0.1 code-spell-checker-turkish1.1.1 vscode-styled-components1.7.8 sass-indented1.8.29 pretty-ts-errors0.5.3 </details<details<summaryA/B Experiments</summary</details<!-- generated by issue reporter --
To provide some evidence: ! Not working even with the default font: <img width="501" alt="image" src=""<img width="897" alt="image" src=""
I am also facing the same issue after the VS Code 1.88.0 update. Currently, I am using this temporary solution -
This is happening only with a few themes, seems fine with default theme
Happening to a bunch of users of Cobalt2: ! Same code, diff theme: ! I dont understand because the theme doesnt control anything with the line-height. I thought maybe it was italic fonts, but I don't think so.
I'm also seeing this issue in a theme I'm using, so I switched over to one of the defaults to see if I could figure out what's causing the squiggle to shift upwards. Using the Dark Modern theme the squiggle appears where it should be: <img width="113" alt="Screenshot 2024-04-08 at 22 04 30" src=""At this point the styles for look like so: <img width="567" alt="Screenshot 2024-04-08 at 22 04 52" src=""As soon as I define the border starts to occupy space, shifting the squiggle up by 4px: <img width="133" alt="Screenshot 2024-04-08 at 22 05 25" src=""<img width="569" alt="Screenshot 2024-04-08 at 22 05 35" src=""Going back to my original theme I found that it also defines , which would explain why the squiggle shifts there.
Does setting this (in your ) help some? Coud be a temporary workaround... prior to a proper fix.
Related on Stack Overflow: (canonical) (duplicate)
Hi, just wanted to pop in to say I am also experiencing this problem (on Windows, v1.88.0).. nice to hear this is being tracked, & that it was deduced to be theme related. I am using the Mariana Pro theme extension.
Hello, found this thread. I'll add that I am experiencing this problem with all the Catppuccin themes for vscode (I normally use Macchiato, but tried it out on all themes). A similar thread has also been opened and closed in the catppuccin repo.
My theme is also affected by this. Is there something I can do to revert back to normal line placement?
Hi everyone, the same issue appears to affect theme. I've downgraded my vscode version to 1.87 for the time being which solved the problem. 88 ! 87 !
Meanwhile, this is getting fixed, I have commented 2 lines in file then reload the editor. can be uncommented once the issue is resolved in vscode, or themes are updated to remove the border to adhere to this change. unfortunately, I could not find if it is possible to unset the value in , hence needed to comment in the theme file only.
Facing the same on the GitHub Dark High Contrast theme as well.
Has anyone from VS Code acknowledged this issue? Maybe could help?
I also have the same issue with themes.
Thanks for the ping. Looking into it and will update.
Looks like has addressed this and it's currently tagged for the next stable release which will drop in early May. Should be out in Insiders shortly.
wicked thanks Burke! If anyone wants a quick-ish fix for now. → → and then paste this to apply the fix: You'll have to redo this for each instance of VS Code you open.

Discussion:
width: 100%; } <del> .monaco-editor .view-overlays > div > div, .monaco-editor .margin-view-overlays > div > div { bottom: 0; } </del> /* .monaco-editor .auto-closed-character { opacity: 0.3;