diff --git a/core/css/styles.css b/core/css/styles.css
index ca2d082eb32..94520a4e0cb 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -661,8 +661,12 @@ div.crumb:active {
/* icons */
.folder-icon { background-image: url('../img/places/folder.svg'); }
.delete-icon { background-image: url('../img/actions/delete.svg'); }
+.delete-icon:hover, .delete-icon:focus {
+ background-image: url('../img/actions/delete-hover.svg');
+}
.edit-icon { background-image: url('../img/actions/rename.svg'); }
+
/* buttons */
button.loading {
background-image: url('../img/loading.gif');
diff --git a/core/img/actions/delete-hover.png b/core/img/actions/delete-hover.png
new file mode 100644
index 00000000000..99f549faf9b
Binary files /dev/null and b/core/img/actions/delete-hover.png differ
diff --git a/core/img/actions/delete-hover.svg b/core/img/actions/delete-hover.svg
new file mode 100644
index 00000000000..568185c5c70
--- /dev/null
+++ b/core/img/actions/delete-hover.svg
@@ -0,0 +1,12 @@
+
diff --git a/core/img/actions/delete.png b/core/img/actions/delete.png
index 99f549faf9b..0d8c89a56e2 100644
Binary files a/core/img/actions/delete.png and b/core/img/actions/delete.png differ
diff --git a/core/img/actions/delete.svg b/core/img/actions/delete.svg
index 568185c5c70..ef564bfd482 100644
--- a/core/img/actions/delete.svg
+++ b/core/img/actions/delete.svg
@@ -1,12 +1,6 @@
+