diff --git a/src/components/Layout/Header/GlassyBackdrop.tsx b/src/components/Layout/Header/GlassyBackdrop.tsx
index 3c43e04c00..64626ca270 100644
--- a/src/components/Layout/Header/GlassyBackdrop.tsx
+++ b/src/components/Layout/Header/GlassyBackdrop.tsx
@@ -9,5 +9,7 @@ import {atoms as a, useTheme} from '#/alf'
  */
 export function GlassyBackdrop() {
   const t = useTheme()
-  return <View style={[a.absolute, a.inset_0, t.atoms.bg]} />
+  return (
+    <View style={[a.absolute, a.inset_0, t.atoms.bg, a.pointer_events_none]} />
+  )
 }
diff --git a/src/components/Layout/Header/GlassyBackdrop.web.tsx b/src/components/Layout/Header/GlassyBackdrop.web.tsx
index 4c2bab12aa..4976823512 100644
--- a/src/components/Layout/Header/GlassyBackdrop.web.tsx
+++ b/src/components/Layout/Header/GlassyBackdrop.web.tsx
@@ -17,7 +17,15 @@ export function GlassyBackdrop() {
 
   return (
     <>
-      <View style={[a.absolute, a.inset_0, t.atoms.bg, {opacity: 0.9}]} />
+      <View
+        style={[
+          a.absolute,
+          a.inset_0,
+          t.atoms.bg,
+          a.pointer_events_none,
+          {opacity: 0.9},
+        ]}
+      />
       <View
         style={[
           a.absolute,