diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
index 5de8b045a..e547e750f 100644
--- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
@@ -108,15 +108,26 @@ export const SceneVideoFilterPanel: React.FC<ISceneVideoFilterPanelProps> = (
     aspectRatioRange.default
   );
 
-  function updateVideoStyle() {
-    const playerVideoContainer = document.getElementById(VIDEO_PLAYER_ID);
-    const videoElements =
-      playerVideoContainer?.getElementsByTagName("canvas") ??
-      playerVideoContainer?.getElementsByTagName("video") ??
-      [];
-    const playerVideoElement =
-      videoElements.length > 0 ? videoElements[0] : null;
+  // eslint-disable-next-line
+  function getVideoElement(playerVideoContainer: any) {
+    let videoElements = playerVideoContainer.getElementsByTagName("canvas");
 
+    if (videoElements.length == 0) {
+      videoElements = playerVideoContainer.getElementsByTagName("video");
+    }
+
+    if (videoElements.length > 0) {
+      return videoElements[0];
+    }
+  }
+
+  function updateVideoStyle() {
+    const playerVideoContainer = document.getElementById(VIDEO_PLAYER_ID)!;
+    if (!playerVideoContainer) {
+      return;
+    }
+
+    const playerVideoElement = getVideoElement(playerVideoContainer);
     if (playerVideoElement != null) {
       let styleString = "filter:";
       let style = playerVideoElement.attributes.getNamedItem("style");
@@ -188,6 +199,10 @@ export const SceneVideoFilterPanel: React.FC<ISceneVideoFilterPanelProps> = (
         styleString += ` scale(${xScale},${yScale})`;
       }
 
+      if (playerVideoElement.tagName == "CANVAS") {
+        styleString += "; width: 100%; height: 100%; position: absolute; top:0";
+      }
+
       style.value = `${styleString};`;
     }
   }