diff --git a/components/Blocks/HotelListing/index.tsx b/components/Blocks/HotelListing/index.tsx
index d75c5d6eb..9149b817b 100644
--- a/components/Blocks/HotelListing/index.tsx
+++ b/components/Blocks/HotelListing/index.tsx
@@ -5,7 +5,7 @@ import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
-import Title from "@/components/TempDesignSystem/Text/Title"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { getIntl } from "@/i18n"
 
 import hotelListingTempData from "./hotelListingTempData.json"
@@ -33,9 +33,7 @@ export default async function HotelListing() {
       <section className={styles.content}>
         <div className={styles.intro}>
           <ScandicLogoIcon color="red" />
-          <Title as="h4" color="black" textTransform="capitalize">
-            {title}
-          </Title>
+          <Subtitle>{title}</Subtitle>
           <div className={styles.captions}>
             <Caption color="uiTextPlaceholder">{adress}</Caption>
             <div className={styles.dividerContainer}>