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', () => {