diff --git a/components/PublicGrid.tsx b/components/PublicGrid.tsx
index 8006010..6d2a7ca 100644
--- a/components/PublicGrid.tsx
+++ b/components/PublicGrid.tsx
@@ -329,13 +329,13 @@ function FullscreenViewer({
           >
             {video ? (
               <div
-                className="relative flex items-center justify-center max-w-full max-h-full cursor-pointer"
+                className="relative w-full h-full flex items-center justify-center cursor-pointer"
                 onClick={(e) => { e.stopPropagation(); togglePlay(i); }}
               >
                 <video
                   ref={el => { videoRefs.current[i] = el; }}
                   src={item.url}
-                  className="max-w-full max-h-full pointer-events-none"
+                  className="max-w-full max-h-full object-contain pointer-events-none"
                   playsInline
                   preload="metadata"
                   onLoadedMetadata={(e) => applyVolume(e.currentTarget, item)}