diff --git a/ui/v2.5/src/components/ScenePlayer/styles.scss b/ui/v2.5/src/components/ScenePlayer/styles.scss
index b2fbc7a8a..db45d1961 100644
--- a/ui/v2.5/src/components/ScenePlayer/styles.scss
+++ b/ui/v2.5/src/components/ScenePlayer/styles.scss
@@ -14,6 +14,7 @@ $sceneTabWidth: 450px;
 
   .video-js {
     height: 56.25vw;
+    overflow: hidden;
     width: 100%;
 
     @media (min-width: 1200px) {
diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
index 2da3eff64..af3beafac 100644
--- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
@@ -109,7 +109,11 @@ export const SceneVideoFilterPanel: React.FC<ISceneVideoFilterPanelProps> = (
   );
 
   function updateVideoStyle() {
-    const playerVideoElement = document.getElementById(VIDEO_PLAYER_ID);
+    const playerVideoContainer = document.getElementById(VIDEO_PLAYER_ID);
+    const videoElements =
+      playerVideoContainer?.getElementsByTagName("video") ?? [];
+    const playerVideoElement =
+      videoElements.length > 0 ? videoElements[0] : null;
 
     if (playerVideoElement != null) {
       let styleString = "filter:";