diff --git a/css/videolayout_default.css b/css/videolayout_default.css
index 8c66db0ed..5b585738f 100644
--- a/css/videolayout_default.css
+++ b/css/videolayout_default.css
@@ -424,6 +424,8 @@
 
 .sharedVideoAvatar {
     height: 100%;
+    width: 100%;
+    object-fit: cover;
 }
 
 .noMic {
diff --git a/modules/UI/shared_video/SharedVideo.js b/modules/UI/shared_video/SharedVideo.js
index 3165dd32a..d76c2a3a8 100644
--- a/modules/UI/shared_video/SharedVideo.js
+++ b/modules/UI/shared_video/SharedVideo.js
@@ -296,8 +296,11 @@ class SharedVideoContainer extends LargeContainer {
     }
 
     show () {
+        let self = this;
         return new Promise(resolve => {
             this.$iframe.fadeIn(300, () => {
+                self.bodyBackground = document.body.style.background;
+                document.body.style.background = 'black';
                 this.$iframe.css({opacity: 1});
                 resolve();
             });
@@ -305,8 +308,10 @@ class SharedVideoContainer extends LargeContainer {
     }
 
     hide () {
+        let self = this;
         return new Promise(resolve => {
             this.$iframe.fadeOut(300, () => {
+                document.body.style.background = self.bodyBackground;
                 this.$iframe.css({opacity: 0});
                 resolve();
             });