diff --git a/webroot/index.html b/webroot/index.html
index 9f2b5c00e..c5317980e 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -72,7 +72,9 @@
   </head>
 
   <body class="scrollbar-hidden bg-gray-300 text-gray-800">
-    <div id="app"></div>
+    <div id="app">
+      <img id="loading-logo" src="/logo">
+    </div>
 
     <script type="module">
       import { h, render } from '/js/web_modules/preact.js';
diff --git a/webroot/styles/app.css b/webroot/styles/app.css
index 1cbff2d71..f61d008b4 100644
--- a/webroot/styles/app.css
+++ b/webroot/styles/app.css
@@ -17,6 +17,14 @@ html {
   scrollbar-width: none;
 }
 
+#loading-logo {
+  margin-top: 10%;
+  margin-left: auto;
+  margin-right: auto;
+  width: 30%;
+  opacity: 0.2;
+}
+
 a:hover {
   text-decoration: underline;
 }
