diff --git a/package.json b/package.json
index 8e62181229..903896dba6 100644
--- a/package.json
+++ b/package.json
@@ -39,9 +39,9 @@
     "@pinata/sdk": "^2.1.0",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-clipboard/clipboard": "^1.10.0",
-    "@react-native-community/slider": "^4.4.3",
-    "@react-native-masked-view/masked-view": "0.2.6",
-    "@react-native-picker/picker": "2.4.0",
+    "@react-native-community/slider": "4.4.2",
+    "@react-native-masked-view/masked-view": "0.2.9",
+    "@react-native-picker/picker": "2.4.10",
     "@react-navigation/native": "^6.0.11",
     "@react-navigation/native-stack": "^6.7.0",
     "@reduxjs/toolkit": "^1.8.3",
diff --git a/packages/screens/Video/component/HoverView.tsx b/packages/screens/Video/component/HoverView.tsx
index c7398f6a8f..36d691299a 100644
--- a/packages/screens/Video/component/HoverView.tsx
+++ b/packages/screens/Video/component/HoverView.tsx
@@ -1,10 +1,11 @@
-import React, { useState } from "react";
+import React, { ReactNode, useState } from "react";
 import { Pressable, ViewStyle } from "react-native";
 
 interface HoverViewProps {
   normalStyle: ViewStyle;
   hoverStyle: ViewStyle;
   onPress?: () => void;
+  children: ReactNode;
 }
 
 export const HoverView: React.FC<HoverViewProps> = ({
diff --git a/packages/screens/VideoDetail/components/MoreVideoCard.tsx b/packages/screens/VideoDetail/components/MoreVideoCard.tsx
deleted file mode 100644
index e8286c14b4..0000000000
--- a/packages/screens/VideoDetail/components/MoreVideoCard.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import React from "react";
-import { View, Image, ViewStyle, TextStyle, ImageStyle } from "react-native";
-import { Pressable } from "react-native-hoverable";
-
-import { BrandText } from "../../../components/BrandText";
-import { DateTime } from "../../../components/socialFeed/SocialThread/DateTime";
-import { ipfsURLToHTTPURL } from "../../../utils/ipfs";
-import { prettyMediaDuration } from "../../../utils/mediaPlayer";
-import { useAppNavigation } from "../../../utils/navigation";
-import { neutral77 } from "../../../utils/style/colors";
-import { fontSemibold14, fontMedium14 } from "../../../utils/style/fonts";
-import { layout } from "../../../utils/style/layout";
-import { VideoInfoWithMeta } from "../../../utils/types/video";
-
-const unitWidth = 300;
-export const MoreVideoPlayerCard: React.FC<{
-  video: VideoInfoWithMeta;
-}> = ({ video }) => {
-  const navigation = useAppNavigation();
-
-  return (
-    <View style={unitCardStyle}>
-      <View style={imgBoxStyle}>
-        <Pressable
-          onPress={() => {
-            navigation.navigate("VideoDetail", { id: video.id });
-          }}
-        >
-          <Image
-            // @ts-ignore
-            source={ipfsURLToHTTPURL(video.videoMetaInfo.coverImage)}
-            style={contentImgStyle}
-          />
-          <View style={videoDurationStyle}>
-            <BrandText style={contentDurationStyle}>
-              {prettyMediaDuration(video.videoMetaInfo.duration)}
-            </BrandText>
-          </View>
-        </Pressable>
-      </View>
-      <BrandText style={contentTitleStyle}>
-        {video.videoMetaInfo.title}
-      </BrandText>
-      <View style={titleRowStyle}>
-        <BrandText style={contentDescriptionStyle}>
-          {video.viewCount} views
-        </BrandText>
-        {/* A dot separator */}
-        <View
-          style={{
-            backgroundColor: neutral77,
-            height: 2,
-            width: 2,
-            borderRadius: 999,
-            marginHorizontal: layout.spacing_x0_75,
-          }}
-        />
-        {/*---- Date */}
-        <DateTime
-          date={video.createdAt.toString()}
-          textStyle={{ color: neutral77 }}
-        />
-      </View>
-    </View>
-  );
-};
-
-const unitCardStyle: ViewStyle = {
-  width: unitWidth,
-};
-const contentTitleStyle: TextStyle = {
-  ...fontSemibold14,
-
-  marginVertical: layout.spacing_x0_5,
-};
-const contentDescriptionStyle: TextStyle = {
-  ...fontMedium14,
-  color: neutral77,
-};
-const imgBoxStyle: ViewStyle = {
-  position: "relative",
-};
-const videoDurationStyle: ViewStyle = {
-  position: "absolute",
-  left: 10,
-  top: 10,
-  backgroundColor: "gray",
-  borderRadius: layout.spacing_x1,
-};
-const contentDurationStyle: TextStyle = {
-  ...fontSemibold14,
-  padding: layout.spacing_x0_5,
-};
-const contentImgStyle: ImageStyle = {
-  width: "100%",
-  borderRadius: layout.spacing_x1,
-  aspectRatio: 1.7,
-};
-const titleRowStyle: ViewStyle = {
-  marginLeft: "0.5em",
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "center",
-};
diff --git a/yarn.lock b/yarn.lock
index 34b21f110f..fe022912c0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5988,30 +5988,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/slider@npm:^4.4.3":
-  version: 4.4.3
-  resolution: "@react-native-community/slider@npm:4.4.3"
-  checksum: e02416e763a05bee54967aae1e14ff9c7d76395416dc4ff7c0595a71c9866db35ac0bca8305fa1c7feca3568a327d563f6f14e14d342536257e91d3d4b6d5f3e
+"@react-native-community/slider@npm:4.4.2":
+  version: 4.4.2
+  resolution: "@react-native-community/slider@npm:4.4.2"
+  checksum: 1ae613f594a8ea9d7243b3125d26b36aab4e4c2dd9eba1bf66c4f31878e74fae055cd35a1babc46b262240885bb61fa321610417bb2a6d9f77a330136ff33293
   languageName: node
   linkType: hard
 
-"@react-native-masked-view/masked-view@npm:0.2.6":
-  version: 0.2.6
-  resolution: "@react-native-masked-view/masked-view@npm:0.2.6"
+"@react-native-masked-view/masked-view@npm:0.2.9":
+  version: 0.2.9
+  resolution: "@react-native-masked-view/masked-view@npm:0.2.9"
   peerDependencies:
-    react: 16 || 17
+    react: ">=16"
     react-native: ">=0.57"
-  checksum: 1f8f51ced0396b4d57e3b8c8f5324dfe936e39cef6fd93ab6a0b557e27cccf262502035bedd0c88038414fd8eae4b96bfa36ea38166538e640ed4038370b5574
+  checksum: 7eb6c370f000f630bf13ce9177964c430eda7057eb7036460d4e5d2bf2153ebd6a29bec0fb8dc6cd58bb5f9bbc8d1a3e0f13d40c798914a9224f164d4d46f896
   languageName: node
   linkType: hard
 
-"@react-native-picker/picker@npm:2.4.0":
-  version: 2.4.0
-  resolution: "@react-native-picker/picker@npm:2.4.0"
+"@react-native-picker/picker@npm:2.4.10":
+  version: 2.4.10
+  resolution: "@react-native-picker/picker@npm:2.4.10"
   peerDependencies:
-    react: 16 || 17
+    react: ">=16"
     react-native: ">=0.57"
-  checksum: ccec86aaa54b8011479b7aa3e062534ccbe146c696ecefa456f1540da5de3d3b84c422beeaf499f3d1166898996d88186155432b7c51fbbdb5d576dc4f2c379f
+  checksum: 905631e60ffb1aa3f6b378dc03cf2b6736487258f21d74145181185f225937b870ba1cec9f3e6deed1615ecb05e7cfd6b7b33082f169b811eed57ca6c64980d5
   languageName: node
   linkType: hard
 
@@ -24619,9 +24619,9 @@ __metadata:
     "@pinata/sdk": ^2.1.0
     "@react-native-async-storage/async-storage": 1.18.2
     "@react-native-clipboard/clipboard": ^1.10.0
-    "@react-native-community/slider": ^4.4.3
-    "@react-native-masked-view/masked-view": 0.2.6
-    "@react-native-picker/picker": 2.4.0
+    "@react-native-community/slider": 4.4.2
+    "@react-native-masked-view/masked-view": 0.2.9
+    "@react-native-picker/picker": 2.4.10
     "@react-navigation/native": ^6.0.11
     "@react-navigation/native-stack": ^6.7.0
     "@reduxjs/toolkit": ^1.8.3