diff --git a/web/components/video/OwncastPlayer/OwncastPlayer.module.scss b/web/components/video/OwncastPlayer/OwncastPlayer.module.scss
index 65ac31a62..d34628eed 100644
--- a/web/components/video/OwncastPlayer/OwncastPlayer.module.scss
+++ b/web/components/video/OwncastPlayer/OwncastPlayer.module.scss
@@ -4,12 +4,8 @@
   display: grid;
   width: 100%;
   justify-items: center;
-  height: 78vh;
-
-  @include screen(tablet) {
-    aspect-ratio: 16 / 9;
-    height: unset;
-  }
+  max-height: 75vh;
+  aspect-ratio: 16 / 9;
 
   .player,
   .poster {
diff --git a/web/components/video/VideoPoster/VideoPoster.tsx b/web/components/video/VideoPoster/VideoPoster.tsx
index 1c21a3e6d..99f3a23bc 100644
--- a/web/components/video/VideoPoster/VideoPoster.tsx
+++ b/web/components/video/VideoPoster/VideoPoster.tsx
@@ -33,9 +33,9 @@ export const VideoPoster: FC<VideoPosterProps> = ({ online, initialSrc, src: bas
         <CrossfadeImage
           src={src}
           duration={duration}
-          objectFit="cover"
+          objectFit="contain"
+          height="auto"
           width="100%"
-          height="100%"
         />
       )}
     </div>