From ff265782bcdc2495f2b5b7760a27c142ebfbab83 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Fri, 6 Dec 2024 11:09:33 +0100
Subject: [PATCH] fix(SW-886): add title component

---
 components/ContentType/HotelPage/Rooms/index.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/ContentType/HotelPage/Rooms/index.tsx b/components/ContentType/HotelPage/Rooms/index.tsx
index e976ee8af..2752b9e49 100644
--- a/components/ContentType/HotelPage/Rooms/index.tsx
+++ b/components/ContentType/HotelPage/Rooms/index.tsx
@@ -4,9 +4,9 @@ import { useRef, useState } from "react"
 import { useIntl } from "react-intl"
 
 import SectionContainer from "@/components/Section/Container"
-import SectionHeader from "@/components/Section/Header"
 import Grids from "@/components/TempDesignSystem/Grids"
 import ShowMoreButton from "@/components/TempDesignSystem/ShowMoreButton"
+import Title from "@/components/TempDesignSystem/Text/Title"
 
 import { RoomCard } from "./RoomCard"
 
@@ -35,11 +35,9 @@ export function Rooms({ rooms }: RoomsProps) {
       className={styles.roomsContainer}
     >
       <div ref={scrollRef} className={styles.scrollRef}></div>
-      <SectionHeader
-        textTransform="capitalize"
-        title={intl.formatMessage({ id: "Rooms" })}
-        preamble={null}
-      />
+      <Title as="h3" level="h2" textTransform="capitalize">
+        {intl.formatMessage({ id: "Rooms" })}
+      </Title>
       <Grids.Stackable
         className={`${styles.grid} ${allRoomsVisible ? styles.allVisible : ""}`}
       >