diff --git a/module/index/css/index.css b/module/index/css/index.css
index 45d973edbe..185b6fb9cc 100644
--- a/module/index/css/index.css
+++ b/module/index/css/index.css
@@ -48,6 +48,8 @@ body.menu-hide {padding-left: 0;}
#apps {position: fixed; left: 96px; bottom: 0; right: 0; top: 0;}
.app-container {position: absolute; left: 0; bottom: 40px; right: 0; top: 0; background-color: #efefef;}
.menu-hide #apps {left: 40px;}
+.app-container.loading:before {background-color: rgba(0,0,0,.1);}
+.app-container.loading:before, .app-container.loading::after {transition-delay: 1s;}
#appsBar {position: fixed; left: 96px; bottom: 0; right: 0; height: 40px; z-index: 1012; background: #fff; border-top: 1px solid #eff1f7;}
.menu-hide #appsBar {left: 40px;}
diff --git a/module/index/js/index.js b/module/index/js/index.js
index 0b795b0aad..3ae31f534a 100644
--- a/module/index/js/index.js
+++ b/module/index/js/index.js
@@ -234,7 +234,7 @@
'style="width: 100%; height: 100%; left: 0px;"',
'/>'
].join(' '));
- var $app = $('
+