From 13dc2e1d91bef9649f05301914527fddbe9f0d0b Mon Sep 17 00:00:00 2001
From: Geoffrey Bonneville <geoffrey.bonneville@gmail.com>
Date: Sun, 24 Sep 2023 19:49:13 +0200
Subject: [PATCH] site: Fix header on load

---
 apps/site/components/Header.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/apps/site/components/Header.tsx b/apps/site/components/Header.tsx
index 113967ac..a9ac664b 100644
--- a/apps/site/components/Header.tsx
+++ b/apps/site/components/Header.tsx
@@ -36,30 +36,30 @@ const LogoWithText = () => {
 export const Header = () => {
   const media = useMedia()
 
-  if (!media.gtXs) {
+  if (media.gtXs) {
     return (
-      <YStack my="$4" mx="$2">
-        <XStack ai="center" jc={'space-between'}>
-          <XStack ai="center">
-            <LogoWithText />
-          </XStack>
+      <XStack jc={'space-between'} ai="center" my="$4" mx="$4">
+        <XStack ai="center">
+          <LogoWithText />
+        </XStack>
+        <XStack gap="$8">
+          <Links />
           <DarkModeToggle />
         </XStack>
-        <Links />
-      </YStack>
+      </XStack>
     )
   }
 
   return (
-    <XStack jc={'space-between'} ai="center" my="$4" mx="$4">
-      <XStack ai="center">
-        <LogoWithText />
-      </XStack>
-      <XStack gap="$8">
-        <Links />
+    <YStack my="$4" mx="$2">
+      <XStack ai="center" jc={'space-between'}>
+        <XStack ai="center">
+          <LogoWithText />
+        </XStack>
         <DarkModeToggle />
       </XStack>
-    </XStack>
+      <Links />
+    </YStack>
   )
 }