diff --git a/src/index.html b/src/index.html
index 4a4c67e35b..ab5f5d55a4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,6 +7,8 @@
     <base href="">
 </head>
 <body>
-    <app-root></app-root>
+    <app-root>
+        <div id="loading"><i class="fa fa-spinner fa-spin fa-3x"></i></div>
+    </app-root>
 </body>
 </html>
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index 1f97f2877c..28d07a0f11 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -162,3 +162,13 @@ form, .form {
         display: block;
     }
 }
+
+app-root > #loading {
+    display: flex;
+    text-align: center;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    color: $text-muted;
+}
