diff --git a/img/remove-icon-black.svg b/img/remove-icon-black.svg
new file mode 100644
index 000000000..7aa72e000
--- /dev/null
+++ b/img/remove-icon-black.svg
@@ -0,0 +1,9 @@
+
diff --git a/img/remove-icon.svg b/img/remove-icon.svg
index 647814a01..c6dec4915 100644
--- a/img/remove-icon.svg
+++ b/img/remove-icon.svg
@@ -1,9 +1,9 @@
-
+
diff --git a/src/styles/_buttons.scss b/src/styles/_buttons.scss
index 5b44d0857..54fd37c14 100644
--- a/src/styles/_buttons.scss
+++ b/src/styles/_buttons.scss
@@ -327,12 +327,16 @@ button.scroll-to-top {
}
.btn-remove {
- width: 1.4rem;
- height: 1.4rem !important;
+ width: 1.2rem;
+ height: 1.2rem !important;
background-image: url("../../img/remove-icon.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
box-shadow: none !important;
+
+ &:hover {
+ background-image: url("../../img/remove-icon-black.svg");
+ }
}