diff --git a/packages/block-editor/CHANGELOG.md b/packages/block-editor/CHANGELOG.md index be28b8306406b0..53414b3b3ce4a3 100644 --- a/packages/block-editor/CHANGELOG.md +++ b/packages/block-editor/CHANGELOG.md @@ -2,6 +2,10 @@ ## Unreleased +### Bug Fix + +- `LinkControl`: fix scrollbar displayed on toggle link settings ([#47986](https://github.com/WordPress/gutenberg/pull/47986)). + ## 11.3.0 (2023-02-01) ## 11.2.0 (2023-01-11) diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss index f93c724598b893..743ebcebc23c21 100644 --- a/packages/block-editor/src/components/link-control/style.scss +++ b/packages/block-editor/src/components/link-control/style.scss @@ -463,7 +463,13 @@ $preview-image-height: 140px; justify-content: space-between; margin: 0; padding: $grid-unit-20; - padding-top: 0; + + // To hide the horizontal scrollbar on toggle. + // Margin and padding are needed to prevent cutoff of the toggle button focus outline. + // See: https://github.com/WordPress/gutenberg/pull/47986 + margin-top: calc(var(--wp-admin-border-width-focus) * -1); + padding-top: var(--wp-admin-border-width-focus); + overflow: hidden; } .block-editor-link-control__unlink {