diff --git a/src/lib/components/layout/InboxPanel.svelte b/src/lib/components/layout/InboxPanel.svelte
index 0761de2566..b0b869805e 100644
--- a/src/lib/components/layout/InboxPanel.svelte
+++ b/src/lib/components/layout/InboxPanel.svelte
@@ -229,8 +229,10 @@
 				</div>
 			</button>
 		{/each}
-		{#if loading && !loaded}<div class="flex justify-center p-5">
-				<Spinner className="size-5" />
+		{#if loading && !loaded}<div
+				class="flex flex-1 items-center justify-center px-4 py-6 text-gray-500 dark:text-gray-400"
+			>
+				<Spinner className="size-4" />
 			</div>{:else if !error && !items.length}<p
 				class="flex flex-1 items-center justify-center px-4 py-6 text-center text-xs text-gray-500 dark:text-gray-400"
 			>