diff --git a/css/_base.scss b/css/_base.scss
index 0444a0ff1..e08b775f5 100644
--- a/css/_base.scss
+++ b/css/_base.scss
@@ -3,21 +3,25 @@
     user-select: none;
 }
 
-html, body{
-    margin:0px;
-    height:100%;
-    color: $defaultColor;
+body {
+    margin: 0px;
+    width: 100%;
+    height: 100%;
     font-size: 12px;
     font-weight: 400;
-    background: #000000;
     overflow: hidden;
+    color: $defaultColor;
+    background: $defaultBackground;
+    &.filmstrip-only {
+        background: transparent;
+    }
 }
 
 p {
     margin: 0;
 }
 
-html, body, input, textarea, keygen, select, button {
+body, input, textarea, keygen, select, button {
     font-family: $baseFontFamily !important;
 }
 
diff --git a/css/_redirect_page.scss b/css/_redirect_page.scss
index af73e4150..1d3077cca 100644
--- a/css/_redirect_page.scss
+++ b/css/_redirect_page.scss
@@ -1,10 +1,3 @@
-html, body {
-    width: 100%;
-    height:100%;
-    color: $defaultColor;
-    background: $defaultBackground;
-}
-
 .redirectPageMessage {
     width: 30%;
     margin: 20% auto;
diff --git a/modules/UI/UI.js b/modules/UI/UI.js
index 54d7bbabb..7427abe9a 100644
--- a/modules/UI/UI.js
+++ b/modules/UI/UI.js
@@ -441,6 +441,7 @@ UI.start = function () {
             UIUtil.setVisible('notice', true);
         }
     } else {
+        $("body").addClass("filmstrip-only");
         UIUtil.setVisible('mainToolbarContainer', false);
         FilmStrip.setupFilmStripOnly();
         messageHandler.enableNotifications(false);