diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index 5912050..d8d060c 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -28,7 +28,6 @@ declare module 'vue' {
     LanguageSwitcher: typeof import('./src/components/LanguageSwitcher.vue')['default']
     LoginDialog: typeof import('./src/components/LoginDialog.vue')['default']
     LoginRequired: typeof import('./src/components/LoginRequired.vue')['default']
-    LucideAlertCircle: typeof import('~icons/lucide/alert-circle')['default']
     Navbar: typeof import('./src/components/Navbar.vue')['default']
     OfflinePaymentDialog: typeof import('./src/components/OfflinePaymentDialog.vue')['default']
     PaymentGatewayDialog: typeof import('./src/components/PaymentGatewayDialog.vue')['default']
diff --git a/dashboard/src/layouts/Layout.vue b/dashboard/src/layouts/Layout.vue
index d03369d..25d0526 100644
--- a/dashboard/src/layouts/Layout.vue
+++ b/dashboard/src/layouts/Layout.vue
@@ -4,7 +4,12 @@
 			<Navbar />
 		</div>
 		<div class="max-w-4xl py-8 px-4 md:py-12 mx-auto">
-			<template v-if="requires_auth && !session.isLoggedIn">
+			<template v-if="!routerReady">
+				<div class="flex justify-center py-16">
+					<Spinner class="w-8 h-8" />
+				</div>
+			</template>
+			<template v-else-if="requires_auth && !session.isLoggedIn">
 				<LoginRequired />
 			</template>
 			<template v-else>
@@ -18,9 +23,16 @@
 import LoginRequired from "@/components/LoginRequired.vue";
 import Navbar from "@/components/Navbar.vue";
 import { session } from "@/data/session";
-import { computed } from "vue";
-import { useRoute } from "vue-router";
+import { Spinner } from "frappe-ui";
+import { computed, ref } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 const route = useRoute();
+const router = useRouter();
+const routerReady = ref(false);
 const requires_auth = computed(() => !route.meta?.isPublic);
+
+router.isReady().then(() => {
+	routerReady.value = true;
+});
 </script>
diff --git a/dashboard/src/pages/BookTickets.vue b/dashboard/src/pages/BookTickets.vue
index 2db245b..64f7c3b 100644
--- a/dashboard/src/pages/BookTickets.vue
+++ b/dashboard/src/pages/BookTickets.vue
@@ -1,10 +1,10 @@
 <template>
 	<div>
-		<div class="w-8">
-			<Spinner v-if="eventBookingResource.loading" />
+		<div v-if="eventBookingResource.loading" class="flex justify-center py-16">
+			<Spinner class="w-8 h-8" />
 		</div>
 		<div
-			v-if="eventNotFound && !eventBookingResource.loading"
+			v-else-if="eventNotFound"
 			class="flex flex-col items-center justify-center py-16 px-4"
 		>
 			<div class="text-center max-w-md">
@@ -24,7 +24,7 @@
 			</div>
 		</div>
 		<div
-			v-else-if="registrationsClosed && !eventBookingResource.loading"
+			v-else-if="registrationsClosed"
 			class="flex flex-col items-center justify-center py-16 px-4"
 		>
 			<div class="text-center max-w-md">