diff --git a/Start/Client/wwwroot/css/app.css b/Start/Client/wwwroot/css/app.css
index a60add0..c6743cc 100644
--- a/Start/Client/wwwroot/css/app.css
+++ b/Start/Client/wwwroot/css/app.css
@@ -52,3 +52,11 @@ a, .btn-link {
 .container {
 	padding: 0.4rem;
 }
+
+.appLoadingContainer {
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
diff --git a/Start/Client/wwwroot/index.html b/Start/Client/wwwroot/index.html
index df5d184..1b7d496 100644
--- a/Start/Client/wwwroot/index.html
+++ b/Start/Client/wwwroot/index.html
@@ -16,7 +16,12 @@
 </head>
 
 <body>
-    <div id="app">Loading...</div>
+    <div id="app">
+        <div class="text-center appLoadingContainer">
+            <div class="loading loading-lg"></div>
+            Loading...
+        </div>
+    </div>
 
     <div id="blazor-error-ui">
         An unhandled error has occurred.
