From 07fc8357c1a0f7457042c7b53d3696d44ddcc777 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Tue, 7 Jan 2025 15:56:15 +0100
Subject: [PATCH] fix: update breadcrumbs max width for loyalty pages

---
 .../TempDesignSystem/Breadcrumbs/breadcrumbs.module.css       | 4 ++++
 components/TempDesignSystem/Breadcrumbs/variants.ts           | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css b/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
index 77585eebb..3d9d3b654 100644
--- a/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
+++ b/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
@@ -22,6 +22,10 @@
   max-width: var(--max-width-content);
 }
 
+.pageWidth .list {
+  max-width: var(--max-width-page);
+}
+
 .list {
   align-items: center;
   display: flex;
diff --git a/components/TempDesignSystem/Breadcrumbs/variants.ts b/components/TempDesignSystem/Breadcrumbs/variants.ts
index 826a1d3b7..f839f37c2 100644
--- a/components/TempDesignSystem/Breadcrumbs/variants.ts
+++ b/components/TempDesignSystem/Breadcrumbs/variants.ts
@@ -11,7 +11,7 @@ export const breadcrumbsVariants = cva(styles.breadcrumbs, {
       [PageContentTypeEnum.contentPage]: styles.contentWidth,
       [PageContentTypeEnum.collectionPage]: styles.contentWidth,
       [PageContentTypeEnum.hotelPage]: styles.hotelHeaderWidth,
-      [PageContentTypeEnum.loyaltyPage]: styles.fullWidth,
+      [PageContentTypeEnum.loyaltyPage]: styles.pageWidth,
       default: styles.fullWidth,
     },
   },