From 8d30232aeea07c197e731351c74d6353f131c13c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?=
 <matilda.landstrom@scandichotels.com>
Date: Mon, 8 Sep 2025 06:36:54 +0000
Subject: [PATCH] Merged in fix/SW-3276-divider (pull request #2766)

fix(SW-3276): update header css

* fix(SW-3276): add !important to divider height


Approved-by: Erik Tiekstra
---
 .../components/ContentType/HotelPage/IntroSection/index.tsx | 6 +-----
 .../HotelPage/IntroSection/introSection.module.css          | 5 +----
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
index a6caa232e..54ca8b9e2 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
@@ -71,11 +71,7 @@ export default async function IntroSection({
                 <p>{formattedLocationText}</p>
               </Typography>
             </span>
-            <Divider
-              variant="vertical"
-              color="Border/Divider/Default"
-              className={styles.divider}
-            />
+            <Divider variant="vertical" color="Border/Divider/Default" />
           </span>
           <Typography variant="Body/Underline/sm">
             <a href={`tel:${phoneNumber}`} className={styles.phoneNumber}>
diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
index ce9c9eeed..10c72b58f 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
@@ -55,10 +55,7 @@
 .location {
   display: flex;
   gap: var(--Space-x2);
-}
-
-.divider {
-  height: 20px;
+  height: 100%;
 }
 
 @media screen and (min-width: 767px) {