diff --git a/apps/expo/src/components/player/ControlsOverlay.tsx b/apps/expo/src/components/player/ControlsOverlay.tsx
index 70d22d1..0350653 100644
--- a/apps/expo/src/components/player/ControlsOverlay.tsx
+++ b/apps/expo/src/components/player/ControlsOverlay.tsx
@@ -18,12 +18,12 @@ export const ControlsOverlay = ({ headerData }: ControlsOverlayProps) => {
     setIsIdle(!idle);
   };
   return (
-    <View className="absolute left-0 top-0 flex h-full w-full flex-1">
-      <Header data={headerData} />
-      <TouchableWithoutFeedback onPress={handleTouch}>
+    <TouchableWithoutFeedback onPress={handleTouch}>
+      <View className="absolute left-0 top-0 flex h-full w-full flex-1">
+        <Header data={headerData} />
         <MiddleControls />
-      </TouchableWithoutFeedback>
-      <BottomControls />
-    </View>
+        <BottomControls />
+      </View>
+    </TouchableWithoutFeedback>
   );
 };