Merged in fix/sw-3695-iconfixes (pull request #3462)

fix(SW-3695): icon fixes

* fix(SW-3695): icon fixes


Approved-by: Anton Gunnarsson

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 {

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/index.tsx

@@ -11,7 +11,11 @@ export default function RoomNotAvailable() {
   return (
     <div className={styles.noRoomsContainer}>
       <div className={styles.noRooms}>
-        <MaterialIcon icon="dangerous" color="Icon/Feedback/Error" size={16} />
+        <MaterialIcon
+          icon="error_circle_rounded"
+          color="Icon/Feedback/Error"
+          size={16}
+        />
         <Typography variant="Body/Paragraph/mdRegular">
           <p>
             {intl.formatMessage({

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 {

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);
 }

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 {