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"); + } }