From 7c3e8b5ef0432199e102663266af403294393dfa Mon Sep 17 00:00:00 2001
From: Calum Muir <calumamuir@outlook.com>
Date: Thu, 30 Apr 2026 20:35:03 +0000
Subject: [PATCH] Tighten gap between Facebook and Instagram icons in desktop
 nav

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/SiteHeader.astro | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index b0ae71d..dd36548 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -131,7 +131,7 @@ const lineClass = isDark ? "bg-white" : "bg-black";
                             </li>
                         ))
                     }
-                    <li class="hidden sm:block">
+                    <li class="hidden sm:flex items-center gap-2">
                         <a
                             class={`inline-flex items-center justify-center h-10 w-10 rounded-full border ${borderClass} ${textClass}`}
                             href={facebookHref}
@@ -141,8 +141,6 @@ const lineClass = isDark ? "bg-white" : "bg-black";
                                 <path fill="currentColor" d="M14 8.5h2.5V6H14c-1.9 0-3 1.2-3 3v2H9v2.5h2V18h2.5v-4.5h2l.5-2.5h-2.5V9c0-.3.2-.5.5-.5z"></path>
                             </svg>
                         </a>
-                    </li>
-                    <li class="hidden sm:block">
                         <a
                             class={`inline-flex items-center justify-center h-10 w-10 rounded-full border ${borderClass} ${textClass}`}
                             href="https://www.instagram.com/HighlandGroupRDA"