diff --git a/web/pageComponents/shared/VideoPlayer.tsx b/web/pageComponents/shared/VideoPlayer.tsx
index 08f6e87aa..35c07a37b 100644
--- a/web/pageComponents/shared/VideoPlayer.tsx
+++ b/web/pageComponents/shared/VideoPlayer.tsx
@@ -87,6 +87,10 @@ const ButtonWrapper = styled.div`
 const StyledHLSPlayer = styled(HLSPlayer)`
   object-fit: cover;
   width: inherit;
+
+  :fullscreen {
+    object-fit: contain;
+  }
 `
 
 const getThumbnailRatio = (aspectRatio: string, height?: number) => {