storybookjs/storybook
[Bug]: docs - heading left margin only appears in the dark theme
Closed
#31,505 opened on May 19, 2025
addon: docsbughelp wanted
Repository metrics
- Stars
- (89,909 stars)
- PR merge metrics
- (Avg merge 7d 22h) (184 merged PRs in 30d)
Description
Describe the bug
The anchor link icon in the light theme appears to be cut off, dark theme has a margin which prevents this from happening.
| Light theme | Dark Theme |
|---|---|
Reproduction link
N/A
Reproduction steps
- Go to the docs page for a component and look at a story heading.
System
System:
OS: Linux 5.15 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
CPU: (22) x64 Intel(R) Core(TM) Ultra 7 165H
Shell: 5.9 - /usr/bin/zsh
Binaries:
Node: 20.18.1 - ~/.nvm/versions/node/v20.18.1/bin/node
npm: 10.8.2 - ~/.nvm/versions/node/v20.18.1/bin/npm
pnpm: 8.7.6 - ~/.nvm/versions/node/v20.18.1/bin/pnpm <----- active
npmPackages:
@storybook/addon-a11y: ^8.6.14 => 8.6.14
@storybook/addon-designs: ^8.2.1 => 8.2.1
@storybook/addon-essentials: ^8.6.14 => 8.6.14
@storybook/addon-interactions: ^8.6.14 => 8.6.14
@storybook/addon-links: ^8.6.14 => 8.6.14
@storybook/addon-webpack5-compiler-swc: ^3.0.0 => 3.0.0
@storybook/blocks: ^8.6.14 => 8.6.14
@storybook/manager-api: ^8.6.14 => 8.6.14
@storybook/react: ^8.6.14 => 8.6.14
@storybook/react-webpack5: ^8.6.14 => 8.6.14
@storybook/test-runner: ^0.22.0 => 0.22.0
@storybook/theming: ^8.6.14 => 8.6.14
storybook: ^8.6.14 => 8.6.14
storybook-dark-mode: 4.0.2 => 4.0.2
Additional context
No response