From ff7e03eeca984ebf23f6628cd25600dc36b2f4ef Mon Sep 17 00:00:00 2001
From: Parker Lougheed <parlough@gmail.com>
Date: Tue, 13 Oct 2026 01:22:09 +0800
Subject: [PATCH 1/3] [www] Tighten the spacing of the header

---
 sites/www/lib/styles/components/_header.scss | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/sites/www/lib/styles/components/_header.scss b/sites/www/lib/styles/components/_header.scss
index aaf358adde..8b9c56aebe 100644
--- a/sites/www/lib/styles/components/_header.scss
+++ b/sites/www/lib/styles/components/_header.scss
@@ -84,6 +84,7 @@
     z-index: var(--site-z-floating);
 
     img {
+      display: block;
       width: 100%;
     }
 
@@ -403,7 +404,8 @@
 
   @media (min-width: 1024px) and (any-hover: hover) {
     .content {
-      padding: 0 var(--gutter);
+      padding-inline: clamp(24px, 3vw, 48px); // Scale side padding with the viewport, between 24px and 48px.
+      column-gap: 24px;
     }
 
     nav {
@@ -414,9 +416,15 @@
       font-size: var(--font-size-default);
 
       >ul {
+        gap: 4px;
+
         >li {
           display: inline-block;
-          margin-left: var(--spacer-sm);
+
+          >a.btn {
+            height: 36px;
+            padding: 8px 12px;
+          }
 
           a .icon,
           .dd li.mobile-only {
@@ -545,11 +553,12 @@
 
     a.btn#get-started__header {
       display: flex;
+      padding-inline: 20px;
     }
 
     .search {
       display: flex;
-      margin-right: var(--gutter-sm);
+      margin-right: 12px;
     }
 
     &.searching {

From f57835e076a3ed2ed9aaf86ba304bf6c94684c70 Mon Sep 17 00:00:00 2001
From: Parker Lougheed <parlough@gmail.com>
Date: Tue, 13 Oct 2026 01:36:44 +0800
Subject: [PATCH 2/3] Increase gap a bit more

---
 sites/www/lib/styles/components/_header.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sites/www/lib/styles/components/_header.scss b/sites/www/lib/styles/components/_header.scss
index 8b9c56aebe..e07a5406ee 100644
--- a/sites/www/lib/styles/components/_header.scss
+++ b/sites/www/lib/styles/components/_header.scss
@@ -416,7 +416,7 @@
       font-size: var(--font-size-default);
 
       >ul {
-        gap: 4px;
+        gap: 6px;
 
         >li {
           display: inline-block;

From c31f28c7422469f07609bc048568d60a3c2b5a57 Mon Sep 17 00:00:00 2001
From: Parker Lougheed <parlough@gmail.com>
Date: Tue, 13 Oct 2026 01:48:04 +0800
Subject: [PATCH 3/3] Override dropdown top offset

---
 sites/www/lib/styles/components/_header.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/sites/www/lib/styles/components/_header.scss b/sites/www/lib/styles/components/_header.scss
index e07a5406ee..aa865b865e 100644
--- a/sites/www/lib/styles/components/_header.scss
+++ b/sites/www/lib/styles/components/_header.scss
@@ -403,8 +403,11 @@
    * ================================= */
 
   @media (min-width: 1024px) and (any-hover: hover) {
+    --dd-offset-top: 44px;
+
     .content {
-      padding-inline: clamp(24px, 3vw, 48px); // Scale side padding with the viewport, between 24px and 48px.
+      // Scale side padding with the viewport, between 24px and 48px.
+      padding-inline: clamp(24px, 3vw, 48px);
       column-gap: 24px;
     }