From 82654cd8e6aead258aac87c924467178cfd6cb87 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Fri, 27 Sep 2024 11:54:49 +0200
Subject: [PATCH] fix: gap for main content on mobile

---
 components/ContentType/ContentPage/contentPage.module.css | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/ContentType/ContentPage/contentPage.module.css b/components/ContentType/ContentPage/contentPage.module.css
index feeb3fb4c..357376ad9 100644
--- a/components/ContentType/ContentPage/contentPage.module.css
+++ b/components/ContentType/ContentPage/contentPage.module.css
@@ -1,7 +1,3 @@
-/*nav:has(+ .contentPage) {*/
-/*  background-color: var(--Base-Surface-Subtle-Normal);*/
-/*}*/
-
 .contentPage {
   padding-bottom: var(--Spacing-x9);
   container-name: content-page;
@@ -41,6 +37,7 @@
   display: flex;
   flex-direction: column;
   padding: var(--Spacing-x4) var(--Spacing-x2) 0;
+  gap: var(--Spacing-x4);
 }
 
 .mainContent {