diff --git a/packages/webawesome/src/styles/component/form-control.css b/packages/webawesome/src/styles/component/form-control.css index 21df8803e..f9e1efb77 100644 --- a/packages/webawesome/src/styles/component/form-control.css +++ b/packages/webawesome/src/styles/component/form-control.css @@ -5,14 +5,14 @@ /* Label */ :is([part~='form-control-label'], [part~='label']):has(*:not(:empty)) { - display: inline-block; + display: inline-flex; color: var(--wa-form-control-label-color); font-weight: var(--wa-form-control-label-font-weight); line-height: var(--wa-form-control-label-line-height); margin-block-end: 0.5em; } -:host([required]) slot:is([name='label'], [part='label'])::after { +:host([required]) :is([part~='form-control-label'], [part~='label'])::after { content: var(--wa-form-control-required-content); margin-inline-start: var(--wa-form-control-required-content-offset); color: var(--wa-form-control-required-content-color);