Merged in fix/SW-1561-title-color (pull request #2554)

Fix/SW-1561: Hotel page UI small fixes

* fix(SW-1561): change text color to default black

* fix(SW-1561): fix typo


Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css

@@ -10,10 +10,6 @@
   gap: var(--Space-x15);
 }
 
-.title {
-  color: var(--Text-Interactive-Default);
-}
-
 .heartList {
   list-style-type: none;
 }

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx

@@ -24,7 +24,7 @@ export default async function Facility({ data }: FacilityProps) {
     <div className={styles.content}>
       {image ? <SidePeekImages images={[image]} /> : null}
       <div className={styles.information}>
-        <Typography variant="Title/Subtitle/lg" className={styles.title}>
+        <Typography variant="Title/Subtitle/lg">
           <h3>{translateWellnessType(data.type, intl)}</h3>
         </Typography>
         {details && (

packages/design-system/lib/components/Typography/typography.module.css

@@ -39,7 +39,7 @@
   text-decoration: none;
 }
 
-.Title-smLowcase {
+.Title-smLowCase {
   font-family:
     var(--Title-sm-LowCase-Font-family), var(--Title-sm-LowCase-Font-fallback);
   font-size: var(--Title-sm-LowCase-Size);