diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css
index 6882dcd..09526ed 100644
--- a/frontend/src/styles/Layout.css
+++ b/frontend/src/styles/Layout.css
@@ -444,8 +444,8 @@ label,
 @media (max-width: 768px) {
   .main-content {
     margin-left: 0;
-    --page-padding-y-mobile-gap: var(--space-3);
-    --page-padding-y-mobile-bottom-gap: var(--space-3);
+    --page-padding-y-mobile-gap: var(--page-padding-y-mobile);
+    --page-padding-y-mobile-bottom-gap: var(--page-padding-y-mobile);
     --tabs-slider-height-fallback: calc(var(--tab-pill-height, 44px) + 8px);
   }