diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index ef01973b..01526bf7 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -10,6 +10,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis - 🚨 BREAKING: `sl-radio` components must be located inside an `sl-radio-group` for proper accessibility [#218](https://github.com/shoelace-style/shoelace/issues/218) - Added `sl-radio-group` component [#218](https://github.com/shoelace-style/shoelace/issues/218) +- Fixed a bug where `sl-menu-item` prefix and suffix slots wouldn't always receive the correct spacing - Improved a11y in `sl-radio` with Windows high contrast mode [#215](https://github.com/shoelace-style/shoelace/issues/215) ## 2.0.0-beta.37 diff --git a/src/components/menu-item/menu-item.scss b/src/components/menu-item/menu-item.scss index d6b6aab5..1ad3c6b6 100644 --- a/src/components/menu-item/menu-item.scss +++ b/src/components/menu-item/menu-item.scss @@ -42,8 +42,8 @@ display: flex; align-items: center; - ::slotted(:last-child) { - margin-right: 0.5em; + ::slotted(*) { + margin-right: var(--sl-spacing-x-small); } } @@ -52,8 +52,8 @@ display: flex; align-items: center; - ::slotted(:first-child) { - margin-left: 0.5em; + ::slotted(*) { + margin-left: var(--sl-spacing-x-small); } } }