diff --git a/src/routes/events/[event_id]/(badges)/badges/+page.svelte b/src/routes/events/[event_id]/(badges)/badges/+page.svelte
index e71d61d6..66f5943b 100644
--- a/src/routes/events/[event_id]/(badges)/badges/+page.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { untrack } from 'svelte';
-import { slide, fade } from 'svelte/transition';
+import { slide } from 'svelte/transition';
 interface Props {
     /** @type {import('./$types').PageData} */
     data: any;
@@ -594,7 +594,6 @@ async function handle_search_refresh(params: any) {
 
 {#if $events_sess?.badges?.search_status === 'loading' && event_badge_id_li.length === 0}
     <div
-        transition:fade={{ duration: 200 }}
         class="flex w-full flex-col items-center justify-center p-16 text-center opacity-50">
         <LoaderCircle size="3em" class="mx-auto mb-2 animate-spin" />
         <p class="text-xl">Loading badges...</p>