diff --git a/.changeset/brave-students-tap.md b/.changeset/brave-students-tap.md
new file mode 100644
index 0000000000..144e33de1d
--- /dev/null
+++ b/.changeset/brave-students-tap.md
@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Fixed the cards layout if used with files that fail loading
diff --git a/.changeset/nice-pans-applaud.md b/.changeset/nice-pans-applaud.md
new file mode 100644
index 0000000000..c3cd005f27
--- /dev/null
+++ b/.changeset/nice-pans-applaud.md
@@ -0,0 +1,5 @@
+---
+"@directus/app": patch
+---
+
+Fixed an issue where the file selection drawer could not be opened when some files fail loading
diff --git a/app/src/layouts/cards/components/card.vue b/app/src/layouts/cards/components/card.vue
index ff8641c7c8..e47bbeb833 100644
--- a/app/src/layouts/cards/components/card.vue
+++ b/app/src/layouts/cards/components/card.vue
@@ -106,7 +106,7 @@ function handleClick() {
 			<div class="selection-fade"></div>
 			<v-skeleton-loader v-if="loading" />
 			<template v-else>
-				<v-icon-file v-if="type || imgError" :ext="type" />
+				<v-icon-file v-if="type || imgError" :ext="type ?? ''" />
 				<template v-else>
 					<v-image
 						v-if="showThumbnail"