diff --git a/code/addons/docs/src/blocks/blocks/mdx.tsx b/code/addons/docs/src/blocks/blocks/mdx.tsx
index c54fc07ced62..5eed6c6040bb 100644
--- a/code/addons/docs/src/blocks/blocks/mdx.tsx
+++ b/code/addons/docs/src/blocks/blocks/mdx.tsx
@@ -144,6 +144,9 @@ const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce(
   (acc, headerType) => ({
     ...acc,
     [headerType]: styled(headerType)({
+      // Reserve space for the floating anchor icon (which has marginLeft: '-24px')
+      // so it is visible in both light and dark themes without being clipped.
+      paddingLeft: '24px',
       '& svg': {
         position: 'relative',
         top: '-0.1em',