From 51c47d45a0d21f3d919845f8ef53c924ae397fc4 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Thu, 5 Dec 2024 15:20:36 +0000
Subject: [PATCH] asymmetric header on native

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

diff --git a/src/components/Layout/Header/index.tsx b/src/components/Layout/Header/index.tsx
index 30e4beb251..cdcfe02630 100644
--- a/src/components/Layout/Header/index.tsx
+++ b/src/components/Layout/Header/index.tsx
@@ -9,6 +9,7 @@ import {isIOS} from '#/platform/detection'
 import {useSetDrawerOpen} from '#/state/shell'
 import {
   atoms as a,
+  platform,
   TextStyleProp,
   useBreakpoints,
   useGutterStyles,
@@ -38,7 +39,10 @@ export function Outer({children}: {children: React.ReactNode}) {
         a.align_center,
         a.gap_sm,
         gutter,
-        a.py_sm,
+        platform({
+          native: [a.pb_sm, a.pt_xs],
+          web: [a.py_sm],
+        }),
         t.atoms.border_contrast_low,
         gtMobile && [a.mx_auto, {maxWidth: 600}],
         !isWithinOffsetView && a.scrollbar_offset,