diff --git a/src/components/VideoPlayer2.tsx b/src/components/VideoPlayer2.tsx
index 42d9e96ea..c2e8e31b2 100644
--- a/src/components/VideoPlayer2.tsx
+++ b/src/components/VideoPlayer2.tsx
@@ -284,7 +284,10 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
     }
   }, [searchParams, playerRef.current]);
   return (
-    <div data-vjs-player>
+    <div 
+      data-vjs-player
+      className="mx-auto md:max-w-[calc(100vw-3rem)] 2xl:max-w-[calc(100vw-17rem)]"
+    >
       <div ref={videoRef} />
     </div>
   );