diff --git a/package.json b/package.json
index 5709f1d..61a3bd6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ui",
-	"version": "6.3.48",
+	"version": "6.3.49",
 	"license": "BUSL-1.1",
 	"private": true,
 	"packageManager": "pnpm@9.14.4",
diff --git a/src/lib/components/ui/cards/index.ts b/src/lib/components/ui/cards/index.ts
index 863cf84..a30cf0a 100644
--- a/src/lib/components/ui/cards/index.ts
+++ b/src/lib/components/ui/cards/index.ts
@@ -1,5 +1,6 @@
 export { default as SmallCard } from './small.svelte'
 export { default as SkeletonCard } from './skeleton.svelte'
+export { default as SkeletonTraceCard } from './skeletontrace.svelte'
 export { default as QueryCard } from './query.svelte'
 export { default as EpisodeCard } from './episode.svelte'
 export { default as TraceCards } from './trace.svelte'
diff --git a/src/lib/components/ui/cards/skeletontrace.svelte b/src/lib/components/ui/cards/skeletontrace.svelte
new file mode 100644
index 0000000..b15cc2c
--- /dev/null
+++ b/src/lib/components/ui/cards/skeletontrace.svelte
@@ -0,0 +1,17 @@
+<script lang='ts'>
+  export let animate = true
+</script>
+
+<div class='p-4 shrink-0'>
+  <div class='item w-[16rem] flex flex-col'>
+    <div class='h-[9rem] w-full bg-primary/5 rounded' class:animate-pulse={animate} />
+    <div class='mt-4 bg-primary/5 rounded h-2 w-28' class:animate-pulse={animate} />
+    <div class='mt-2 bg-primary/5 rounded h-2 w-20' class:animate-pulse={animate} />
+  </div>
+</div>
+
+<style>
+  .item {
+    animation: 0.3s ease 0s 1 load-in;
+  }
+</style>
diff --git a/src/lib/components/ui/cards/trace.svelte b/src/lib/components/ui/cards/trace.svelte
index 8707076..e3d7c98 100644
--- a/src/lib/components/ui/cards/trace.svelte
+++ b/src/lib/components/ui/cards/trace.svelte
@@ -2,7 +2,7 @@
   import type { client } from '$lib/modules/anilist'
   import type { TraceAnime } from '$lib/utils'
 
-  import { EpisodeCard, SkeletonCard } from '$lib/components/ui/cards'
+  import { EpisodeCard, SkeletonTraceCard } from '$lib/components/ui/cards'
 
   export let query: ReturnType<typeof client.search>
 
@@ -13,7 +13,7 @@
 
 {#if $query.fetching}
   {#each Array.from({ length: 50 }) as _, i (i)}
-    <SkeletonCard />
+    <SkeletonTraceCard />
   {/each}
 {:else if $query.error}
   <div class='p-5 flex items-center justify-center w-full h-80'>
@@ -50,11 +50,11 @@
     {/each}
   {:else}
     {#each Array.from({ length: 50 }) as _, i (i)}
-      <SkeletonCard />
+      <SkeletonTraceCard />
     {/each}
   {/if}
 {:else}
   {#each Array.from({ length: 50 }) as _, i (i)}
-    <SkeletonCard animate={false} />
+    <SkeletonTraceCard animate={false} />
   {/each}
 {/if}