diff --git a/App.tsx b/App.tsx
index e18ef2f..456919c 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,8 +1,8 @@
 import React, { useEffect, useRef } from 'react';
-import { StatusBar } from 'react-native';
+import { StatusBar, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { HeroUINativeProviderRaw } from 'heroui-native/provider-raw';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { DarkTheme, NavigationContainer, useNavigation } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
@@ -149,21 +149,50 @@ function Root() {
   );
 }
 
+/**
+ * React Native's equivalent of Flutter's `SafeArea`: pad the whole tree by the
+ * platform's window insets once, so no screen can draw its header under the
+ * status bar or its buttons under the navigation bar.
+ *
+ * This is not optional on Android 15+: with `targetSdk 36` the system enforces
+ * edge-to-edge, so the window extends behind both system bars and the app is
+ * responsible for the padding. Without it the Home header's settings gear sat
+ * underneath the notification bar and could not be tapped.
+ */
+function SafeAreaFrame({ children }: { children: React.ReactNode }) {
+  const insets = useSafeAreaInsets();
+  return (
+    <View
+      style={{
+        flex: 1,
+        paddingTop: insets.top,
+        paddingBottom: insets.bottom,
+        paddingLeft: insets.left,
+        paddingRight: insets.right,
+      }}
+    >
+      {children}
+    </View>
+  );
+}
+
 function App() {
   return (
     <GestureHandlerRootView style={{ flex: 1, backgroundColor: bg }}>
       <StatusBar barStyle="light-content" backgroundColor={bg} />
       <HeroUINativeProviderRaw>
         <SafeAreaProvider>
-          <ThemeProvider>
-            <ConnectionProvider>
-              <AuthProvider>
-                <NavigationContainer ref={navigationRef} theme={NAV_THEME}>
-                  <Root />
-                </NavigationContainer>
-              </AuthProvider>
-            </ConnectionProvider>
-          </ThemeProvider>
+          <SafeAreaFrame>
+            <ThemeProvider>
+              <ConnectionProvider>
+                <AuthProvider>
+                  <NavigationContainer ref={navigationRef} theme={NAV_THEME}>
+                    <Root />
+                  </NavigationContainer>
+                </AuthProvider>
+              </ConnectionProvider>
+            </ThemeProvider>
+          </SafeAreaFrame>
         </SafeAreaProvider>
       </HeroUINativeProviderRaw>
     </GestureHandlerRootView>