diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css index 4e2195a18..e96f034bd 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css @@ -30,7 +30,7 @@ color: var(--Text-Accent-Primary); } .when:has([data-isopen="true"]) .label, -.rooms:has([data-focused="true"], [data-pressed="true"]) .label { +.rooms:has([data-pressed="true"]) .label { color: var(--Text-Interactive-Focus); } @@ -114,9 +114,10 @@ background-color: var(--Surface-Primary-Hover); } .when:has([data-isopen="true"]), - .rooms:has([data-focused="true"], [data-pressed="true"]) { + .rooms:has([data-focus-visible="true"], [data-pressed="true"]) { background-color: var(--Surface-Primary-Hover); border: 1px solid var(--Border-Interactive-Focus); + color: var(--Text-Interactive-Focus); } .where {