From f834433d4d994eb240d696e75ac9094a5b861cd4 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Wed, 21 Jan 2026 08:55:34 +0000
Subject: [PATCH] Merged in fix/sw-3695-iconfixes (pull request #3462)

fix(SW-3695): icon fixes

* fix(SW-3695): icon fixes


Approved-by: Anton Gunnarsson
---
 .../SelectHotelMapContent/selectHotelMapContent.module.css  | 2 +-
 .../Rooms/RoomsList/RoomListItem/RoomNotAvailable/index.tsx | 6 +++++-
 .../lib/components/Form/Country/country.module.css          | 6 ++++--
 .../lib/components/Form/Phone/phone.module.css              | 4 ++++
 .../design-system/lib/components/Select/select.module.css   | 6 ++++--
 5 files changed, 18 insertions(+), 6 deletions(-)

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 (
     <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({
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 {