diff --git a/mobile/src/screens/client/ProductDetailScreen.tsx b/mobile/src/screens/client/ProductDetailScreen.tsx
index 05243378..14367161 100644
--- a/mobile/src/screens/client/ProductDetailScreen.tsx
+++ b/mobile/src/screens/client/ProductDetailScreen.tsx
@@ -25,7 +25,7 @@ import { spacing, borderRadius, fontSize, fontWeight } from "../../theme";
 import { API_BASE_URL } from "../../api/client";
 
 type Route = RouteProp<ClientStackParamList, "ProductDetail">;
-const { width: SCREEN_WIDTH } = Dimensions.get("window");
+const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get("window");
 
 export default function ProductDetailScreen() {
     const { params } = useRoute<Route>();
@@ -442,7 +442,7 @@ export default function ProductDetailScreen() {
                 },
                 videoPlayer: {
                     width: "100%",
-                    height: Math.round((SCREEN_WIDTH - 10) * 9 / 16),
+                    height: Math.round(SCREEN_HEIGHT * 0.65),
                 },
             }),
         [colors, isDark, catColor],