diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index 7eb76141d..fc1b339d6 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -360,11 +360,13 @@ export default function LiveCameraView({
   }, [windowAspectRatio, containerRef]);
 
   const cameraAspectRatio = useMemo(() => {
+    let ratio;
     if (fullResolution.width && fullResolution.height) {
-      return fullResolution.width / fullResolution.height;
+      ratio = fullResolution.width / fullResolution.height;
     } else {
-      return camera.detect.width / camera.detect.height;
+      ratio = camera.detect.width / camera.detect.height;
     }
+    return camera.ui?.rotate ? 1 / ratio : ratio;
   }, [camera, fullResolution]);
 
   const constrainedAspectRatio = useMemo<number>(() => {
@@ -651,7 +653,7 @@ export default function LiveCameraView({
                   className={cn(
                     fullscreen ? "*:rounded-none" : "",
                     camera.ui?.rotate &&
-                      "[--frigate-mse-grid-rotated:1] [--frigate-mse-grid-rotation:rotate(90deg)]",
+                      "size-full [--frigate-mse-grid-rotated:1] [--frigate-mse-grid-rotation:rotate(90deg)]",
                   )}
                   windowVisible
                   showStillWithoutActivity={false}