From fcf75fdd1c89a0ad021aded8e2117676af65f83e Mon Sep 17 00:00:00 2001
From: Josh Perez <60019601+josh-signal@users.noreply.github.com>
Date: Thu, 7 Jul 2022 17:07:00 -0400
Subject: [PATCH] Fix video playback controls flicker

---
 stylesheets/components/Lightbox.scss | 8 ++++++++
 ts/components/Lightbox.tsx           | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/stylesheets/components/Lightbox.scss b/stylesheets/components/Lightbox.scss
index d37871888..1c57e1abd 100644
--- a/stylesheets/components/Lightbox.scss
+++ b/stylesheets/components/Lightbox.scss
@@ -94,6 +94,14 @@
       }
     }
 
+    &--video {
+      height: 100%;
+      left: 0;
+      position: absolute;
+      top: 0;
+      width: 100%;
+    }
+
     height: auto;
     max-height: 100%;
     max-width: 100%;
diff --git a/ts/components/Lightbox.tsx b/ts/components/Lightbox.tsx
index c9309cc30..974d9b766 100644
--- a/ts/components/Lightbox.tsx
+++ b/ts/components/Lightbox.tsx
@@ -471,7 +471,7 @@ export function Lightbox({
 
       content = (
         <video
-          className="Lightbox__object"
+          className="Lightbox__object Lightbox__object--video"
           controls={!shouldLoop}
           key={objectURL}
           loop={shouldLoop}