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