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>
   )
 }