From 22f552f25242c9703a30e66afd773762d35aef3a Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 5 Apr 2024 06:53:12 -0600
Subject: [PATCH] Fix portrait recordings on mobile

---
 web/src/components/player/HlsVideoPlayer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index b6480d6bd..6a2a1bcec 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -92,7 +92,7 @@ export default function HlsVideoPlayer({
   return (
     <TransformWrapper minScale={1.0}>
       <div
-        className={`relative w-full ${className ?? ""} ${visible ? "visible" : "hidden"}`}
+        className={`relative ${className ?? ""} ${visible ? "visible" : "hidden"}`}
         onMouseOver={
           isDesktop
             ? () => {
@@ -112,9 +112,11 @@ export default function HlsVideoPlayer({
         <TransformComponent
           wrapperStyle={{
             width: "100%",
+            height: "100%",
           }}
           contentStyle={{
             width: "100%",
+            height: "100%",
           }}
         >
           <video