diff --git a/.changeset/dull-elephants-carry.md b/.changeset/dull-elephants-carry.md
new file mode 100644
index 0000000000..c541150987
--- /dev/null
+++ b/.changeset/dull-elephants-carry.md
@@ -0,0 +1,5 @@
+---
+"@directus/app": patch
+---
+
+Fixed text overflow in collection item interface
diff --git a/app/src/interfaces/collection-item-dropdown/collection-item-dropdown.vue b/app/src/interfaces/collection-item-dropdown/collection-item-dropdown.vue
index 965948f5ca..6fe3eb6fb4 100644
--- a/app/src/interfaces/collection-item-dropdown/collection-item-dropdown.vue
+++ b/app/src/interfaces/collection-item-dropdown/collection-item-dropdown.vue
@@ -140,6 +140,9 @@ function onSelection(selectedIds: (number | string)[] | null) {
 
 <style lang="scss" scoped>
 .preview {
+	display: block;
 	flex-grow: 1;
+	height: calc(100% - 16px);
+	overflow: hidden;
 }
 </style>