diff --git a/packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/SelectHotelMapContent/selectHotelMapContent.module.css b/packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/SelectHotelMapContent/selectHotelMapContent.module.css index beef9592a..ac56a0a7f 100644 --- a/packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/SelectHotelMapContent/selectHotelMapContent.module.css +++ b/packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/SelectHotelMapContent/selectHotelMapContent.module.css @@ -29,7 +29,7 @@ .link { display: flex; gap: var(--Space-x05); - align-items: baseline; + align-items: center; } .bookingCodeFilter { diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/index.tsx b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/index.tsx index 0b55a194f..4a37499f1 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/index.tsx +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/index.tsx @@ -11,7 +11,11 @@ export default function RoomNotAvailable() { return (
- +

{intl.formatMessage({ diff --git a/packages/design-system/lib/components/Form/Country/country.module.css b/packages/design-system/lib/components/Form/Country/country.module.css index 74ab70f18..02cb178a2 100644 --- a/packages/design-system/lib/components/Form/Country/country.module.css +++ b/packages/design-system/lib/components/Form/Country/country.module.css @@ -11,7 +11,7 @@ &[data-open] { .chevron { - rotate: -90deg; + transform: rotate(-90deg); } } @@ -122,7 +122,9 @@ } .chevron { - rotate: 90deg; + display: inline-flex; + transform: rotate(90deg); + transition: transform 150ms ease; } .popover { diff --git a/packages/design-system/lib/components/Form/Phone/phone.module.css b/packages/design-system/lib/components/Form/Phone/phone.module.css index 12652392c..29475d117 100644 --- a/packages/design-system/lib/components/Form/Phone/phone.module.css +++ b/packages/design-system/lib/components/Form/Phone/phone.module.css @@ -90,6 +90,10 @@ } } +.chevron { + transition: transform 150ms ease; +} + .select[aria-expanded="true"] .chevron { transform: rotate(180deg); } diff --git a/packages/design-system/lib/components/Select/select.module.css b/packages/design-system/lib/components/Select/select.module.css index 27f00a436..7a45441b1 100644 --- a/packages/design-system/lib/components/Select/select.module.css +++ b/packages/design-system/lib/components/Select/select.module.css @@ -11,7 +11,7 @@ } &[data-open] { .chevron { - rotate: -90deg; + transform: rotate(-90deg); } .selectedText { @@ -53,7 +53,9 @@ } .chevron { - rotate: 90deg; + display: inline-flex; + transform: rotate(90deg); + transition: transform 150ms ease; } .inner {