diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 7a92fec38..79290a261 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -17,6 +17,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis - Fixed a bug where setting `valueAsDate` or `valueAsNumber` too early on `` would throw an error [#796](https://github.com/shoelace-style/shoelace/issues/796) - Fixed a bug in `` where empty values weren't properly supported [#797](https://github.com/shoelace-style/shoelace/issues/797) - Fixed a bug in `` where values were logged to the console when using the keyboard +- Fixed label alignment in `` and `` so they align to the top of the control instead of the center when wrapping - Updated the `fieldset` attribute so it reflects in `` ## 2.0.0-beta.76 diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts index efde9f10c..a23091b3e 100644 --- a/src/components/checkbox/checkbox.styles.ts +++ b/src/components/checkbox/checkbox.styles.ts @@ -11,7 +11,7 @@ export default css` .checkbox { display: inline-flex; - align-items: center; + align-items: top; font-family: var(--sl-input-font-family); font-size: var(--sl-input-font-size-medium); font-weight: var(--sl-input-font-weight); diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts index 7b8f46da6..910f1c627 100644 --- a/src/components/radio/radio.styles.ts +++ b/src/components/radio/radio.styles.ts @@ -11,7 +11,7 @@ export default css` .radio { display: inline-flex; - align-items: center; + align-items: top; font-family: var(--sl-input-font-family); font-size: var(--sl-input-font-size-medium); font-weight: var(--sl-input-font-weight);