The title bar does not completely cover sidebar texts

Describe the bug

The title bar can not completely cover sidebar texts.

Reproduction

1. clone this repo
2. run pnpm install
3. run pnpm build
4. run pnpm docs-dev
5. open the page and then click Guide
6. scroll the sidebar

Expected behavior

The title bar can completely cover the sidebar text.

System Info

System:
    OS: macOS 12.4
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
    Memory: 92.30 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.3.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.11.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 103.0.5060.114
    Firefox: 91.4.1
    Safari: 15.5

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

Yeah, cool finally reproduced this 😅

[object-kaz]

Changing this seems to fix this:

https://github.com/vuejs/vitepress/blob/e0b730aa8ee9bec1fe16245c4c1a1a91f62bed42/src/client/theme-default/components/VPSidebar.vue#L97

padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));

Check if this works fine for you too.

Yes, it works!