Revert "change active/hover display on advanced options"

This reverts commit ade773cb0a8c0c4b862074f7ee8e607023bc8bbe.

1 files changed, 2 insertions, 9 deletions

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index ddf214ed2..c9d5a2841 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -2897,18 +2897,11 @@ button.icon-button.active i.fa-retweet {
   padding: 10px;
   cursor: pointer;
   display: flex;
-  border-style: solid;
-  border-color: $simple-background-color;
-  border-width: 5px;
-
-  &:hover {
-    border-color: $ui-highlight-color;
-  }
 
+  &:hover,
   &.active {
     background: $ui-highlight-color;
     color: $primary-text-color;
-    border-color: $ui-highlight-color;
 
     .advanced-options-dropdown__option__content {
       color: $primary-text-color;
@@ -2920,7 +2913,7 @@ button.icon-button.active i.fa-retweet {
   }
 
   &.active:hover {
-    border-color: $simple-background-color;
+    background: lighten($ui-highlight-color, 4%);
   }
 }