diff --git a/src/lib/components/ItemPage.svelte b/src/lib/components/ItemPage.svelte
index 145a161..406edd9 100644
--- a/src/lib/components/ItemPage.svelte
+++ b/src/lib/components/ItemPage.svelte
@@ -529,7 +529,7 @@
 						class="mt-4 gap-4 pb-3 lg:grid lg:grid-cols-5 lg:gap-x-4 lg:gap-y-6 lg:overflow-visible lg:pb-0"
 						label="Cast"
 					>
-						{#each data.cast as castMember, index (castMember.id)}
+						{#each data.cast as castMember, index (castMember.creditId)}
 							<a
 								href={resolve('/cast/[id]', {
 									id: `${castMember.id}-${slugify(castMember.name)}`
diff --git a/src/lib/tmdb.server.ts b/src/lib/tmdb.server.ts
index eba7736..c284ebf 100644
--- a/src/lib/tmdb.server.ts
+++ b/src/lib/tmdb.server.ts
@@ -217,6 +217,7 @@ function toMediaCredit(source: PersonCombinedCastCredit): MediaCredit {
 function toCastMember(person: Cast): CastMember {
 	return {
 		id: person.id,
+		creditId: person.credit_id,
 		name: person.name,
 		character: person.character,
 		profile_path: person.profile_path ?? null
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 2db5a8a..5bc5449 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -166,6 +166,7 @@ export type StreamingAvailability = {
 
 export type CastMember = {
 	id: number;
+	creditId: string;
 	name: string;
 	character: string;
 	profile_path: string | null;