diff --git a/src/_includes/partials/nav/menu.liquid b/src/_includes/partials/nav/menu.liquid
index ad66210d..3397f84b 100644
--- a/src/_includes/partials/nav/menu.liquid
+++ b/src/_includes/partials/nav/menu.liquid
@@ -1,5 +1,5 @@
 <nav aria-label="Primary site navigation">
-  <ul class="flex--centered">
+  <ul class="flex--centered flex--wrap">
     {% for link in nav.menu %}
       <li>
         {% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon, class: link.class %}
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index 1e8d9252..5fbb3480 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -185,7 +185,7 @@ nav ul li {
 }
 
 nav ul li:not(:last-child) {
-  margin-right: 1rem;
+  margin-right: .75rem;
 }
 
 nav svg {
@@ -264,7 +264,7 @@ article {
 }
 
 footer nav:first-child {
-  gap: 0.5rem;
+  gap: .75rem;
   margin-top: 2rem;
   padding: 2rem 0 1rem;
   width: 100%;
@@ -286,8 +286,8 @@ footer nav:last-child {
 }
 
 footer nav:last-child span:not(.active) {
-  margin-left: .375rem;
-  margin-right: .375rem;
+  margin-left: .25rem;
+  margin-right: .25rem;
 }
 
 .highlight-text {
@@ -460,6 +460,10 @@ li {
   align-items: center;
 }
 
+.flex--wrap {
+  flex-wrap: wrap
+}
+
 /* shared styles */
 .main__title,
 .main__wrapper,