diff --git a/packages/ripple-ui-forms/src/components/RplForm/RplForm.stories.mdx b/packages/ripple-ui-forms/src/components/RplForm/RplForm.stories.mdx index 32dcf19d2c..a600659d1e 100644 --- a/packages/ripple-ui-forms/src/components/RplForm/RplForm.stories.mdx +++ b/packages/ripple-ui-forms/src/components/RplForm/RplForm.stories.mdx @@ -185,7 +185,7 @@ export const SlotTemplate = (args) => ({ name: 'radio-group', label: 'Favourite colour?', help: '
There is only one answer
', - value: 'undefined', + value: '', validation: 'required', validationMessages: { required: 'Please choose a colour' diff --git a/packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.css b/packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.css index fb7982b830..c017d4f612 100644 --- a/packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.css +++ b/packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.css @@ -21,7 +21,6 @@ .rpl-form-option__label-text { margin-left: var(--rpl-sp-3); - margin-top: 1px; } [dir='rtl'] .rpl-form-option__label-text { @@ -60,7 +59,7 @@ opacity: 0; } -.rpl-form-option__input:hover + .rpl-form-option__label { +.rpl-form-option__input:is(:hover, :focus, :active) + .rpl-form-option__label { .rpl-form-option__mark { border-color: var(--rpl-clr-dark); }