diff --git a/www/code/inner.html b/www/code/inner.html
index bebe745e6..374b920e9 100644
--- a/www/code/inner.html
+++ b/www/code/inner.html
@@ -31,8 +31,9 @@
     <script src="/bower_components/codemirror/addon/fold/comment-fold.js"></script>
     <script src="/bower_components/codemirror/addon/display/placeholder.js"></script>
     <script data-bootload="inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
+    <style> .loading-hidden { display: none; } </style>
 </head>
-<body>
+<body class="loading-hidden">
   <div id="cme_toolbox" class="toolbar-container"></div>
   <div id="editorContainer">
     <textarea id="editor1" name="editor1"></textarea>
diff --git a/www/code/inner.js b/www/code/inner.js
index be2697294..d2dac0968 100644
--- a/www/code/inner.js
+++ b/www/code/inner.js
@@ -1,5 +1,8 @@
 define([
+    'jquery',
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     'less!/code/code.less',
     'less!/customize/src/less/toolbar.less',
-], function () {});
+], function ($) {
+    $('.loading-hidden').removeClass('loading-hidden');
+});
diff --git a/www/drive/inner.html b/www/drive/inner.html
index eb2014e89..5bde9c5fc 100644
--- a/www/drive/inner.html
+++ b/www/drive/inner.html
@@ -5,7 +5,7 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script data-bootload="/drive/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
 </head>
-<body>
+<body style="display: none;">
     <div id="toolbar" class="toolbar-container"></div>
     <div class="app-container" tabindex="0">
         <div id="tree">
diff --git a/www/drive/main.js b/www/drive/main.js
index b1d430eaa..6b8f6ff32 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -2774,6 +2774,7 @@ define([
             Cryptpad.onDisplayNameChanged(setName);
         };
         var onReady = function () {
+            APP.$iframe.find('body').css('display', '');
             module.files = proxy;
             if (!proxy.drive || typeof(proxy.drive) !== 'object') { proxy.drive = {}; }
             migrateAnonDrive(proxy, function () {
diff --git a/www/file/inner.html b/www/file/inner.html
index 8adb80b08..5f0a1bd58 100644
--- a/www/file/inner.html
+++ b/www/file/inner.html
@@ -4,8 +4,9 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script data-bootload="/file/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
+    <style>.loading-hidden, .loading-hidden * {display: none !important;}</style>
 </head>
-<body>
+<body class="loading-hidden">
     <div id="toolbar" class="toolbar-container"></div>
     <div id="app">
         <div id="upload-form" style="display: none;">
diff --git a/www/file/inner.js b/www/file/inner.js
index 7f901f08d..cd38bd0aa 100644
--- a/www/file/inner.js
+++ b/www/file/inner.js
@@ -1,7 +1,10 @@
 define([
+    'jquery',
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
     'less!/file/file.less',
     'less!/customize/src/less/cryptpad.less',
     'less!/customize/src/less/toolbar.less',
-], function () {});
+], function ($) {
+    $('.loading-hidden').removeClass('loading-hidden');
+});
diff --git a/www/slide/inner.html b/www/slide/inner.html
index 4e192d0c5..0e682661a 100644
--- a/www/slide/inner.html
+++ b/www/slide/inner.html
@@ -4,7 +4,6 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
-    <link rel="stylesheet" href="/customize/main.css">
     <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/codemirror/lib/codemirror.js"></script>
@@ -36,8 +35,9 @@
     <script src="/bower_components/codemirror/addon/display/placeholder.js"></script>
 
     <script data-bootload="inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
+    <style>.loading-hidden { display: none; } </style>
 </head>
-<body>
+<body class="loading-hidden">
     <div id="bar"></div>
 <!--    <textarea></textarea>-->
     <div id="cme_toolbox" class="toolbar-container"></div>
diff --git a/www/slide/inner.js b/www/slide/inner.js
index 9c0226403..2d542d4f2 100644
--- a/www/slide/inner.js
+++ b/www/slide/inner.js
@@ -1,5 +1,8 @@
 define([
-    'less!/slide/slide.less',
+    'jquery',
     'less!/customize/src/less/toolbar.less',
     'less!/customize/src/less/cryptpad.less',
-], function () {});
+    'less!/slide/slide.less',
+], function ($) {
+    $('.loading-hidden').removeClass('loading-hidden');
+});
