From 3a124f09a1f64c0c72ed861ea452cc3c443aaa51 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Tue, 1 Oct 2024 12:23:58 +0200
Subject: [PATCH] fix: better defaults for sidebar mobile

---
 components/ContentType/LoyaltyPage/loyaltyPage.module.css | 2 ++
 components/Sidebar/sidebar.module.css                     | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/ContentType/LoyaltyPage/loyaltyPage.module.css b/components/ContentType/LoyaltyPage/loyaltyPage.module.css
index 45470127c..8ceb15da3 100644
--- a/components/ContentType/LoyaltyPage/loyaltyPage.module.css
+++ b/components/ContentType/LoyaltyPage/loyaltyPage.module.css
@@ -6,6 +6,8 @@
   position: relative;
   justify-content: center;
   align-items: flex-start;
+  container-name: loyalty-page;
+  container-type: inline-size;
 }
 
 .blocks {
diff --git a/components/Sidebar/sidebar.module.css b/components/Sidebar/sidebar.module.css
index 695e35b46..5ae1ce5d4 100644
--- a/components/Sidebar/sidebar.module.css
+++ b/components/Sidebar/sidebar.module.css
@@ -1,5 +1,5 @@
 .aside {
-  display: none;
+  display: grid;
   container-name: sidebar;
   container-type: inline-size;
 }
@@ -16,8 +16,8 @@
   }
 }
 
-@container content-page (max-width: 1366px) {
+@container loyalty-page (max-width: 1366px) {
   .aside {
-    display: grid;
+    display: none;
   }
 }