From 7d10379e7896015796a7d8e2142ce555d9725155 Mon Sep 17 00:00:00 2001
From: Bart Huijgen <barthuijgen@users.noreply.github.com>
Date: Tue, 19 Nov 2024 00:18:08 +0100
Subject: [PATCH] Fix header spacing

---
 apps/blueprints/src/components/Header.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/blueprints/src/components/Header.tsx b/apps/blueprints/src/components/Header.tsx
index 9b1abbe..e598b19 100644
--- a/apps/blueprints/src/components/Header.tsx
+++ b/apps/blueprints/src/components/Header.tsx
@@ -9,7 +9,7 @@ const MenuItem: React.FC<{ href: string }> = ({ children, href }) => (
   <Link href={href} passHref>
     {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
     <a>
-      <Text mt={{ base: 4, md: 0 }} mr={6} display="block">
+      <Text mt={{ base: 4, md: 0 }} display="block">
         {children}
       </Text>
     </a>
@@ -87,6 +87,10 @@ export const Header: React.FC = (props) => {
           base: show ? "block" : "none",
           md: "flex",
         }}
+        alignItems="center"
+        css={{
+          gap: "16px",
+        }}
         width={{ base: "full", md: "auto" }}
       >
         <Buttons />