diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/views/collection-view-media-grid.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/views/collection-view-media-grid.element.ts
index 29bf8daba8..c22d841062 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/views/collection-view-media-grid.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/views/collection-view-media-grid.element.ts
@@ -146,7 +146,7 @@ export class UmbCollectionViewsMediaGridElement extends UmbContextConsumerMixin(
 			<div id="media-files">
 				${repeat(
 					this._mediaItems,
-					(file) => file.key,
+					(file, index) => file.key + index,
 					(file) => this._renderMediaItem(file)
 				)}
 			</div>