diff --git a/.changeset/fast-snakes-know.md b/.changeset/fast-snakes-know.md new file mode 100644 index 00000000000..2cdddd57bd4 --- /dev/null +++ b/.changeset/fast-snakes-know.md @@ -0,0 +1,5 @@ +--- +"@salt-ds/core": patch +--- + +Changed RadioButton's display to `inline-flex` so the hit area only covers the label. diff --git a/.changeset/violet-tomatoes-enjoy.md b/.changeset/violet-tomatoes-enjoy.md new file mode 100644 index 00000000000..754895c925b --- /dev/null +++ b/.changeset/violet-tomatoes-enjoy.md @@ -0,0 +1,5 @@ +--- +"@salt-ds/core": patch +--- + +Changed Checkbox's display to `inline-flex` so the hit area only covers the label. diff --git a/packages/core/src/checkbox/Checkbox.css b/packages/core/src/checkbox/Checkbox.css index f212c70c362..a4140f5d72d 100644 --- a/packages/core/src/checkbox/Checkbox.css +++ b/packages/core/src/checkbox/Checkbox.css @@ -1,6 +1,6 @@ /* Styles applied to root component */ .saltCheckbox { - display: flex; + display: inline-flex; gap: var(--salt-spacing-100); position: relative; cursor: var(--salt-selectable-cursor-hover); diff --git a/packages/core/src/radio-button/RadioButton.css b/packages/core/src/radio-button/RadioButton.css index baf3a76fede..c48463d09aa 100644 --- a/packages/core/src/radio-button/RadioButton.css +++ b/packages/core/src/radio-button/RadioButton.css @@ -1,6 +1,6 @@ /* Styles applied to RadioButton container */ .saltRadioButton { - display: flex; + display: inline-flex; gap: var(--salt-spacing-100); cursor: var(--salt-selectable-cursor-hover); position: relative;