Logo in nav (hidden?) behind sidenav

Describe the bug

I'm trying to get a logo to show up in the nav-bar. It successfully shows on the 'home' layout but not on the default layout (doc). After some experimenting I think that the logo is behind the sidenav (see attached image).

my config.mts -file

themeConfig: {
    siteTitle: 'My uneccesary long side title',
    logo: {
      dark: '/logo-dark.svg',
      light: '/logo-light.svg',
    }

Reproduction

Not sure how to reproduce. Have not gotten it to work yet :(

Expected behavior

Logo is shown in the doc layout.

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i5-10310U CPU @ 1.70GHz
    Memory: 4.88 GB / 15.78 GB
  Binaries:
    Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 123.0.6312.123
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.19041.3636
  npmPackages:
    vitepress: ^1.1.0 => 1.1.0

Additional context

Screenshot of the result when adding a long title.

Validations

[X] Check if you're on the latest VitePress version.
[X] Follow our Code of Conduct
[X] Read the docs.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

vuejs / vitepress

Logo in nav (hidden?) behind sidenav #3797