diff --git a/res/css/views/voip/_VideoFeed.scss b/res/css/views/voip/_VideoFeed.scss
index 6f51353552..9307a372e1 100644
--- a/res/css/views/voip/_VideoFeed.scss
+++ b/res/css/views/voip/_VideoFeed.scss
@@ -20,17 +20,18 @@ limitations under the License.
     background-color: $inverted-bg-color;
 }
 
-.mx_VideoFeed_video {
-    background-color: #000;
-    width: 100%;
-    height: 100%;
-}
 
 .mx_VideoFeed_remote {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
+
+    .mx_VideoFeed_video {
+        background-color: #000;
+        width: 100%;
+        height: 100%;
+    }
 }
 
 .mx_VideoFeed_local {
@@ -41,6 +42,12 @@ limitations under the License.
     top: 10px;
     z-index: 100;
     border-radius: 4px;
+
+    .mx_VideoFeed_video {
+        background-color: transparent;
+        width: 100%;
+        height: 100%;
+    }
 }
 
 .mx_VideoFeed_mirror {