diff --git a/web/apps/photos/src/styles/photoswipe.css b/web/apps/photos/src/styles/photoswipe.css
index 8080be990a..4f0679bae3 100644
--- a/web/apps/photos/src/styles/photoswipe.css
+++ b/web/apps/photos/src/styles/photoswipe.css
@@ -192,12 +192,22 @@
 /*
  Style the custom video controls we provide.
  */
+
 .pswp-ente .media-controller-container {
-    min-height: 100%;
+    border: 1px solid limegreen;
+    box-sizing: border-box;
+    max-width: 100%;
+    max-height: 100%;
     display: flex;
-    flex-direction: column;
     justify-content: center;
-    position: relative;
+    align-items: center;
+}
+
+.pswp-ente .media-controller-container media-controller {
+    box-sizing: border-box;
+    border: 1px solid blue;
+    max-width: 100%;
+    max-height: 100%;
 }
 
 .pswp-ente .media-controller-container media-control-bar {
diff --git a/web/packages/gallery/components/viewer/photoswipe.ts b/web/packages/gallery/components/viewer/photoswipe.ts
index dfa2df57b9..67e2621259 100644
--- a/web/packages/gallery/components/viewer/photoswipe.ts
+++ b/web/packages/gallery/components/viewer/photoswipe.ts
@@ -312,6 +312,8 @@ export class FileViewerPhotoSwipe {
                 if (videoPlaylistURL) {
                     return {
                         ...rest,
+                        width: 1286,
+                        height: 746,
                         html: hlsVideoHTML(videoPlaylistURL, file.id),
                     };
                 } else if (videoURL) {