Indented code block looks glitchy in Live preview mode

Steps to reproduce

  1. Copy the following text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. Paste it into a note
  2. Make sure that you’re in live preview mode
  3. Highlight the text and hit tab to make it a code block

Did you follow the troubleshooting guide? [Y/N]

Yes

Expected result

Should appear as a code block like it does in reading mode:

Actual result

The visual appearance is completely inconsistent with reading mode, and if the text is multiple lines the appearance is very bugged with a vertical line appearing under the text:

NOTE: It looks slightly better in source mode, but still pretty bad with the verticle line being too close to the text:

Environment

SYSTEM INFO:
Obsidian version: v1.8.10
Installer version: v1.8.10
Operating system: Windows 11 Pro 10.0.26100
Login status: logged in
Language: en
Catalyst license: insider
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on

RECOMMENDATIONS:
none

thanks. It’s not preformatted text. It’s a codeblock