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,
     },
   },