From f77b9fdcc681ebe5d220df5fa1282b3f9e7d8f38 Mon Sep 17 00:00:00 2001 From: Travis Bonnet Date: Thu, 5 Mar 2026 21:51:33 -0600 Subject: [PATCH] fix: consistent heading anchor margin across themes The anchor link icon on docs headings was clipped in the light theme because OcticonHeaders lacked left padding to accommodate the floated OcticonAnchor's negative margin (-24px). The dark theme appeared unaffected due to different container styling. Add paddingLeft: 24 and marginLeft: -24 to OcticonHeaders so the anchor icon has consistent space in both themes, while keeping heading text aligned with surrounding content. Closes #31505 Co-authored-by: Egger --- code/addons/docs/src/blocks/blocks/mdx.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/code/addons/docs/src/blocks/blocks/mdx.tsx b/code/addons/docs/src/blocks/blocks/mdx.tsx index c54fc07ced62..9b78ad8602c6 100644 --- a/code/addons/docs/src/blocks/blocks/mdx.tsx +++ b/code/addons/docs/src/blocks/blocks/mdx.tsx @@ -144,6 +144,8 @@ const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce( (acc, headerType) => ({ ...acc, [headerType]: styled(headerType)({ + paddingLeft: 24, + marginLeft: -24, '& svg': { position: 'relative', top: '-0.1em',