diff --git a/app/(auth)/player/direct-player.tsx b/app/(auth)/player/direct-player.tsx
index 4e8a2fad..a01974b1 100644
--- a/app/(auth)/player/direct-player.tsx
+++ b/app/(auth)/player/direct-player.tsx
@@ -404,10 +404,7 @@ export default function page() {
 
   return (
     <View style={{ flex: 1, backgroundColor: "black" }}>
-      <Pressable
-        onPress={() => {
-          // setShowControls(!showControls);
-        }}
+      <View
         style={{
           display: "flex",
           width: "100%",
@@ -445,7 +442,7 @@ export default function page() {
             writeToLog("ERROR", "Video Error", e.nativeEvent);
           }}
         />
-      </Pressable>
+      </View>
       {videoRef.current && (
         <Controls
           mediaSource={stream?.mediaSource}
diff --git a/app/(auth)/player/transcoding-player.tsx b/app/(auth)/player/transcoding-player.tsx
index b51f58e8..7d2606ff 100644
--- a/app/(auth)/player/transcoding-player.tsx
+++ b/app/(auth)/player/transcoding-player.tsx
@@ -395,10 +395,7 @@ const Player = () => {
 
   return (
     <View style={{ flex: 1, backgroundColor: "black" }}>
-      <Pressable
-        onPress={() => {
-          // setShowControls(!showControls);
-        }}
+      <View
         style={{
           display: "flex",
           width: "100%",
@@ -461,7 +458,7 @@ const Player = () => {
         ) : (
           <Text>No video source...</Text>
         )}
-      </Pressable>
+      </View>
 
       {item && (
         <Controls
diff --git a/components/video-player/controls/Controls.tsx b/components/video-player/controls/Controls.tsx
index 1d7f3174..67925c6d 100644
--- a/components/video-player/controls/Controls.tsx
+++ b/components/video-player/controls/Controls.tsx
@@ -382,7 +382,7 @@ export const Controls: React.FC<Props> = ({
         </View>
 
         <Pressable
-          onPress={() => {
+          onPressIn={() => {
             toggleControls();
           }}
           style={{