diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index 12af0bff8..8bf3bf13c 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -70,7 +70,7 @@ export default function LivePlayer({
   if (liveMode == "webrtc") {
     player = (
       <WebRtcPlayer
-        className="rounded-2xl"
+        className="rounded-2xl w-full"
         camera={cameraConfig.live.stream_name}
       />
     );
@@ -78,7 +78,7 @@ export default function LivePlayer({
     if ("MediaSource" in window || "ManagedMediaSource" in window) {
       player = (
         <MSEPlayer
-          className="rounded-2xl"
+          className="rounded-2xl w-full"
           camera={cameraConfig.live.stream_name}
         />
       );
diff --git a/web/src/components/player/MsePlayer.tsx b/web/src/components/player/MsePlayer.tsx
index f3b41acb5..c0fa8ae30 100644
--- a/web/src/components/player/MsePlayer.tsx
+++ b/web/src/components/player/MsePlayer.tsx
@@ -248,11 +248,9 @@ function MSEPlayer({ camera, className }: MSEPlayerProps) {
     <video
       ref={videoRef}
       className={className}
-      controls
       playsInline
       preload="auto"
       muted
-      style={{ display: "block", width: "100%", height: "100%" }}
     />
   );
 }