fix(toggle): ensure toggle click target matches visual representation
MODIFY
packages/styles/scss/components/toggle/_toggle.scss
packages/styles/scss/components/toggle/_toggle.scss
/// @group toggle
@mixin toggle {
.#{$prefix}--toggle {
+ display: inline-block;
user-select: none;
}
}
.#{$prefix}--toggle__appearance {
- display: grid;
+ display: inline-grid;
align-items: center;
column-gap: $spacing-03;
cursor: pointer;

fix(toggle): ensure toggle click target matches visual representation (#12212)

Co-authored-by: Alessandra Davila <adavila91@gmail.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>