diff --git a/public/ts/index.ts b/public/ts/index.ts
index 5dcf587..60f59e7 100644
--- a/public/ts/index.ts
+++ b/public/ts/index.ts
@@ -184,6 +184,8 @@ document.addEventListener('app-loaded', async () => {
   }
 
   async function showData(isComingFromEmptyState = false) {
+    window.app.showLoading();
+
     const user = await checkForValidSession();
 
     currency = user?.extra.currency || '$';
@@ -312,6 +314,8 @@ document.addEventListener('app-loaded', async () => {
 
       expenseBudgetSelect.appendChild(element);
     }
+
+    window.app.hideLoading();
   }
 
   async function navigateToMonth(month: string) {