diff --git a/src/routes/(app)/[username]/collection/artifacts/+page.svelte b/src/routes/(app)/[username]/collection/artifacts/+page.svelte
index bc2b03b3..d4c6c15c 100644
--- a/src/routes/(app)/[username]/collection/artifacts/+page.svelte
+++ b/src/routes/(app)/[username]/collection/artifacts/+page.svelte
@@ -270,7 +270,7 @@
 			</div>
 		{:else if currentViewMode === 'grid'}
 			<div class="artifact-grid">
-				{#each allArtifacts as artifact (artifact.id)}
+				{#each allArtifacts as artifact, i (i)}
 					<SelectableCollectionCard id={artifact.id} onClick={() => openArtifactDetails(artifact)}>
 						<CollectionArtifactCard {artifact} />
 					</SelectableCollectionCard>
@@ -278,7 +278,7 @@
 			</div>
 		{:else}
 			<div class="artifact-list">
-				{#each allArtifacts as artifact (artifact.id)}
+				{#each allArtifacts as artifact, i (i)}
 					<SelectableCollectionRow id={artifact.id} onClick={() => openArtifactDetails(artifact)}>
 						<CollectionArtifactRow {artifact} />
 					</SelectableCollectionRow>
diff --git a/src/routes/(app)/[username]/collection/characters/+page.svelte b/src/routes/(app)/[username]/collection/characters/+page.svelte
index 3ed61f93..763094f3 100644
--- a/src/routes/(app)/[username]/collection/characters/+page.svelte
+++ b/src/routes/(app)/[username]/collection/characters/+page.svelte
@@ -164,7 +164,7 @@
 			</div>
 		{:else if currentViewMode === 'grid'}
 			<div class="character-grid">
-				{#each allCharacters as character (character.id)}
+				{#each allCharacters as character, i (i)}
 					<SelectableCollectionCard id={character.id} onClick={() => openCharacterDetails(character)}>
 						<CollectionCharacterCard {character} />
 					</SelectableCollectionCard>
@@ -172,7 +172,7 @@
 			</div>
 		{:else}
 			<div class="character-list">
-				{#each allCharacters as character (character.id)}
+				{#each allCharacters as character, i (i)}
 					<SelectableCollectionRow id={character.id} onClick={() => openCharacterDetails(character)}>
 						<CollectionCharacterRow {character} />
 					</SelectableCollectionRow>
diff --git a/src/routes/(app)/[username]/collection/summons/+page.svelte b/src/routes/(app)/[username]/collection/summons/+page.svelte
index c70a5e15..5801e1a7 100644
--- a/src/routes/(app)/[username]/collection/summons/+page.svelte
+++ b/src/routes/(app)/[username]/collection/summons/+page.svelte
@@ -144,7 +144,7 @@
 			</div>
 		{:else if currentViewMode === 'grid'}
 			<div class="summon-grid">
-				{#each allSummons as summon (summon.id)}
+				{#each allSummons as summon, i (i)}
 					<SelectableCollectionCard id={summon.id} onClick={() => openSummonDetails(summon)}>
 						<CollectionSummonCard {summon} />
 					</SelectableCollectionCard>
@@ -152,7 +152,7 @@
 			</div>
 		{:else}
 			<div class="summon-list">
-				{#each allSummons as summon (summon.id)}
+				{#each allSummons as summon, i (i)}
 					<SelectableCollectionRow id={summon.id} onClick={() => openSummonDetails(summon)}>
 						<CollectionSummonRow {summon} />
 					</SelectableCollectionRow>