diff --git a/components/main/video-detail.tsx b/components/main/video-detail.tsx
index 02c00e65..ed75ff9b 100644
--- a/components/main/video-detail.tsx
+++ b/components/main/video-detail.tsx
@@ -474,7 +474,7 @@ const DetailVideo = () => {
             </div> */}
             <div className="relative max-h-screen overflow-hidden">
               <div className="w-full max-h-screen aspect-video">
-                <div className="w-full h-full">
+                <div className="w-full h-full object-contain">
                   <VideoPlayer
                     url={detailDataVideo?.files[selectedVideo]?.url}
                   />
diff --git a/utils/video-player.tsx b/utils/video-player.tsx
index 1275fd25..08f5e028 100644
--- a/utils/video-player.tsx
+++ b/utils/video-player.tsx
@@ -10,7 +10,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ url }) => {
     <ReactPlayer
       className="react-player"
       width="100%"
-      height="auto"
+      height="100%"
       playing
       pip
       controls