diff --git a/packages/react-native/src/components/formbricks.tsx b/packages/react-native/src/components/formbricks.tsx
index df3010a..1eac3d5 100644
--- a/packages/react-native/src/components/formbricks.tsx
+++ b/packages/react-native/src/components/formbricks.tsx
@@ -57,8 +57,23 @@ export function Formbricks({
   return survey ? (
     // Fills the parent: a no-overlay survey renders in the host's view tree (not a Modal) and
     // positions itself against this wrapper, which would otherwise be 0x0.
-    <View pointerEvents="box-none" style={StyleSheet.absoluteFill}>
+    <View pointerEvents="box-none" style={styles.layer}>
       <SurveyWebView survey={survey} />
     </View>
   ) : null;
 }
+
+const styles = StyleSheet.create({
+  // Android draws elevated siblings (Buttons, cards, tab bars) above views without elevation,
+  // whatever their order in the tree, so a no-overlay card would sit under them. The layer is
+  // transparent, so the elevation casts no shadow. `zIndex` keeps it last on iOS too.
+  layer: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    zIndex: 9999,
+    elevation: 9999,
+  },
+});