diff --git a/CHANGELOG.md b/CHANGELOG.md index 5910f5b5b..6bce3456d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ - Added community page to the docs - Fixed a bug where many components would erroneously receive an `id` when using the custom elements bundle - Fixed a bug where tab groups weren't scrollable with the mouse +- Fixed icon button alignment ## 2.0.0-beta.9 diff --git a/src/components/button/button.scss b/src/components/button/button.scss index 0f81f0c24..29dfe4c4e 100644 --- a/src/components/button/button.scss +++ b/src/components/button/button.scss @@ -58,6 +58,12 @@ margin-right: calc(-1 * var(--sl-spacing-x-small)); } +.button__label { + ::slotted(sl-icon) { + vertical-align: -2px; + } +} + //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // Standard buttons //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @@ -304,12 +310,6 @@ padding-left: 0; padding-right: 0; - .button__label { - display: flex; - align-items: center; - justify-content: center; - } - &.button--small { width: var(--sl-input-height-small); border-radius: 50%;