fix: action panel button

Adslot · Jan 6, 2021 · b9ed031 · b9ed031
1 parent b280244
commit b9ed031
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/ActionPanel/styles.scss b/src/components/ActionPanel/styles.scss
@@ -83,11 +83,6 @@
       align-items: center;
       justify-content: center;
       color: $color-blue;
-
-      &:focus:active,
-      &:hover:active {
-        background-color: transparent;
-      }
     }
 
     &.has-actions {
@@ -97,12 +92,19 @@
 
       .actions {
         .aui--button {
-          &:hover {
+          &.close-button:hover {
+            color: $color-gray-dark;
+            background-color: $color-white;
+          }
+
+          &:not(.close-button) {
             color: $color-blue;
+            background-color: $color-white;
           }
 
-          &.close-button:hover {
-            color: $color-gray-darker;
+          &:active,
+          &:active:hover {
+            background-color: $color-gray-lighter;
           }
 
           svg {