From 53a09d8619b2a396658e3c55a9f9cb6a4319f515 Mon Sep 17 00:00:00 2001
From: wen-2018 <42974891+wen-2018@users.noreply.github.com>
Date: Thu, 5 Dec 2024 11:02:05 -0400
Subject: [PATCH] WIP

---
 media/css/m24/components/footer-refresh.scss     |  1 +
 media/css/m24/components/navigation-refresh.scss | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/media/css/m24/components/footer-refresh.scss b/media/css/m24/components/footer-refresh.scss
index c0efac08a77..7afbc3442b4 100644
--- a/media/css/m24/components/footer-refresh.scss
+++ b/media/css/m24/components/footer-refresh.scss
@@ -59,6 +59,7 @@ $max-footer-content-width: $content-max;
         grid-template-rows: 1fr 1fr;
         grid-template-columns: 1fr 1fr;
         place-items: stretch start;
+        gap: $spacer-lg;
 
         @media #{$mq-lg} {
             width: grid(8);
diff --git a/media/css/m24/components/navigation-refresh.scss b/media/css/m24/components/navigation-refresh.scss
index 6694c2f3728..f1cde3ce65a 100644
--- a/media/css/m24/components/navigation-refresh.scss
+++ b/media/css/m24/components/navigation-refresh.scss
@@ -110,14 +110,14 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
     float: right;
     font-family: $primary-font;
     font-weight: 600;
-    height: 32px;
+    height: auto;
     margin: 4px 0 0;
     padding: 0;
     position: relative;
 
     &::after {
         background: $color-black;
-        bottom: 4px;
+        bottom: 0;
         content: "";
         display: block;
         height: 1px;
@@ -126,6 +126,11 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
         width: 100%;
     }
 
+    @media #{$mq-md} {
+        display: none;
+        margin: 24px 0;
+    }
+
     &.mzp-is-active {
         background: transparent url('/media/protocol/img/icons/close.svg') center center no-repeat;
         width: 40px;
@@ -135,11 +140,6 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
             content: none;
         }
     }
-
-    @media #{$mq-md} {
-        display: none;
-        margin: 24px 0;
-    }
 }
 
 [dir='rtl'].js .m24-c-navigation-menu-button {