[Bug] Weird header multiline text

[UzverUA]

Describe the bug
When header is rendered on page in multiple lines - text is placed below heading sign "#" and it just won't go back to the same line with "#" signs
For example, it should look like this

And instead it looks like this

And when you place cursor behind "asdfasfd", and press backspace - it won't place that line back to "#" line. So it displays wrong, but acts as if "asdfasfd..." line was in same line with "#"

To Reproduce
Steps to reproduce the behavior:

1. Create any header
2. Make it too long to fit in single line

Additional context
Tested on sandbox vault with only AnuPpuccin theme - same. I'm pretty new into CSS, so I spent an hour trying to figure out what causes such behavior. And finally found it.
Line 5149 in theme css.
.cm-header { display: inline-block; }
Changed it to initial and everything renders perfectly.

[serenefemme]

The CSS snippet OP mentioned does work, but it also breaks the Enable Custom Heading Margin setting when using the Style Settings plugin. Is there any other solution that would prevent the custom margins from breaking?