From ad8b0c4f47cc33e17a07d1b1228128083652d44b Mon Sep 17 00:00:00 2001
From: Kashif Shaikh <kashif.shaikh@centricity.co.in>
Date: Thu, 7 May 2026 11:18:41 +0530
Subject: [PATCH] fix: keep inline HeaderMotion.Header above scrollables

---
 src/components/Header.tsx                | 1 +
 src/components/__tests__/Header.test.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8936d12..2deddfe 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -83,6 +83,7 @@ const headerOverlayStyle = StyleSheet.create({
     top: 0,
     left: 0,
     right: 0,
+    zIndex: 10,
   },
 }).overlay;
 
diff --git a/src/components/__tests__/Header.test.tsx b/src/components/__tests__/Header.test.tsx
index e86444f..4a3865f 100644
--- a/src/components/__tests__/Header.test.tsx
+++ b/src/components/__tests__/Header.test.tsx
@@ -95,6 +95,7 @@ const headerOverlayStyle = {
   top: 0,
   left: 0,
   right: 0,
+  zIndex: 10,
 };
 
 describe('Header components', () => {