diff --git a/nise-frontend/src/app/metabase/metabase.component.html b/nise-frontend/src/app/metabase/metabase.component.html
index d8bd5c1..d78d451 100644
--- a/nise-frontend/src/app/metabase/metabase.component.html
+++ b/nise-frontend/src/app/metabase/metabase.component.html
@@ -1,7 +1,10 @@
 <div class="main term mb-2">
   <h1 class="mb-4"># <span class="board">/neko/</span> integration</h1>
 
-  <ng-container *ngIf="!this.isLoading" class="fade-stuff">
+  <ng-container *ngIf="this.isLoading; else body" class="fade-stuff">
+    loading<app-cute-loading></app-cute-loading>
+  </ng-container>
+  <ng-template #body>
     <ng-container *ngIf="this.user; else createUserTemplate">
       <p>it looks look you already have a <a href="https://neko.nise.moe" target="_blank">neko.nise.moe</a> user. feel
         free to use it any time.</p>
@@ -19,5 +22,5 @@
       </p>
       <p>^ use the above credentials to login &#64; <a href="https://neko.nise.moe" target="_blank">neko.nise.moe</a> (feel free to change the password afterwards)</p>
     </ng-container>
-  </ng-container>
+  </ng-template>
 </div>