diff --git a/.changeset/large-boats-boil.md b/.changeset/large-boats-boil.md
new file mode 100644
index 0000000000..7f3da23bde
--- /dev/null
+++ b/.changeset/large-boats-boil.md
@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Fixed hovering over the Delete Collection/Field option results in the trash icon becoming a foreground subdued color
diff --git a/app/src/components/v-list-item.vue b/app/src/components/v-list-item.vue
index c01145d4c1..04f5fb82c0 100644
--- a/app/src/components/v-list-item.vue
+++ b/app/src/components/v-list-item.vue
@@ -194,7 +194,6 @@ function onClick(event: PointerEvent) {
 		user-select: none;
 
 		&:not(.disabled):not(.dense):not(.block):hover {
-			--v-list-item-icon-color: var(--v-list-item-icon-color-hover, var(--theme--foreground-subdued));
 			color: var(--v-list-item-color-hover, var(--v-list-color-hover, var(--theme--foreground)));
 			background-color: var(
 				--v-list-item-background-color-hover,
@@ -217,7 +216,6 @@ function onClick(event: PointerEvent) {
 		}
 
 		&:not(.disabled):not(.dense):not(.block):active {
-			--v-list-item-icon-color: var(--v-list-item-icon-color-active, var(--theme--foreground-subdued));
 			color: var(--v-list-item-color-active, var(--v-list-color-active, var(--theme--foreground)));
 			background-color: var(
 				--v-list-item-background-color-active,
@@ -227,7 +225,6 @@ function onClick(event: PointerEvent) {
 	}
 
 	&:not(.dense).active {
-		--v-list-item-icon-color: var(--v-list-item-icon-color-active);
 		color: var(--v-list-item-color-active, var(--v-list-color-active, var(--theme--foreground)));
 		background-color: var(
 			--v-list-item-background-color-active,