diff --git a/apps/native/src/app/(tabs)/(home)/upcoming.tsx b/apps/native/src/app/(tabs)/(home)/upcoming.tsx
index 381f17b..fffe025 100644
--- a/apps/native/src/app/(tabs)/(home)/upcoming.tsx
+++ b/apps/native/src/app/(tabs)/(home)/upcoming.tsx
@@ -130,15 +130,17 @@ export default function UpcomingScreen() {
     </ScrollView>
   );
 
+  const isIOS = process.env.EXPO_OS === "ios";
+
   return (
     <>
       <Stack.Header
-        transparent
-        blurEffect="systemChromeMaterialDark"
+        transparent={isIOS}
+        blurEffect={isIOS ? "systemChromeMaterialDark" : undefined}
         style={{
           color: tintColor,
           shadowColor: "transparent",
-          backgroundColor: process.env.EXPO_OS === "ios" ? undefined : backgroundColor,
+          backgroundColor: isIOS ? undefined : backgroundColor,
         }}
       />
       <Stack.Screen.Title style={headerTitleStyle as Record<string, unknown>}>
diff --git a/apps/native/src/components/navigation/modal-layout.tsx b/apps/native/src/components/navigation/modal-layout.tsx
index c35eb04..2763592 100644
--- a/apps/native/src/components/navigation/modal-layout.tsx
+++ b/apps/native/src/components/navigation/modal-layout.tsx
@@ -18,7 +18,7 @@ export function ModalLayout({ children }: { children: ReactNode }) {
 
   return (
     <View className="bg-background flex-1">
-      <Stack.Header transparent blurEffect="none" />
+      <Stack.Header hidden={process.env.EXPO_OS !== "ios"} transparent blurEffect="none" />
       {process.env.EXPO_OS === "ios" && (
         <Stack.Toolbar placement="right">
           <Stack.Toolbar.Button onPress={() => dismissAll()}>