diff --git a/components/Blocks/DynamicContent/LoyaltyLevels/index.tsx b/components/Blocks/DynamicContent/LoyaltyLevels/index.tsx
index a2958c3e3..f23130e7d 100644
--- a/components/Blocks/DynamicContent/LoyaltyLevels/index.tsx
+++ b/components/Blocks/DynamicContent/LoyaltyLevels/index.tsx
@@ -51,7 +51,7 @@ async function LevelCard({ level }: LevelCardProps) {
         </BiroScript>
         <MembershipLevelIcon level={level.level_id} color="red" />
       </header>
-      <Title textAlign="center" level="h4">
+      <Title textAlign="center" level="h5">
         {pointsString}
         {level.required_nights ? (
           <span className={styles.redText}>
diff --git a/components/TempDesignSystem/Text/Title/title.ts b/components/TempDesignSystem/Text/Title/title.ts
index f4ab9eca3..ce7789263 100644
--- a/components/TempDesignSystem/Text/Title/title.ts
+++ b/components/TempDesignSystem/Text/Title/title.ts
@@ -2,7 +2,7 @@ import { headingVariants } from "./variants"
 
 import type { VariantProps } from "class-variance-authority"
 
-type HeadingLevel = "h1" | "h2" | "h3" | "h4"
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5"
 
 export interface HeadingProps
   extends Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">,
diff --git a/components/TempDesignSystem/Text/Title/variants.ts b/components/TempDesignSystem/Text/Title/variants.ts
index 291c12486..f374daaf9 100644
--- a/components/TempDesignSystem/Text/Title/variants.ts
+++ b/components/TempDesignSystem/Text/Title/variants.ts
@@ -26,6 +26,7 @@ const config = {
       h2: styles.h2,
       h3: styles.h3,
       h4: styles.h4,
+      h5: styles.h4,
     },
   },
   defaultVariants: {