fix(button): fix button active styles

vickonrails · Apr 6, 2021 · 1cfc16c · 1cfc16c
1 parent 8be1517
commit 1cfc16c
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/button/button.tsx b/src/components/button/button.tsx
@@ -153,13 +153,16 @@ const BaseButton = ({ shape, size, loading, disabled }: ButtonProps) => css`
     text-decoration: none;
    }
 
-  :active {
-    background: ${theme.colors.gray[4]}
-  }
-
   :hover {
     transform: ${!loading && !disabled && `translateY(-1px)`}; 
   }
+
+  :hover:active {
+    transform: translateY(0px);
+  }
+  :active {
+    background: ${theme.colors.gray[4]};
+  }
 `
 
 const StyledSolidButton = ({ buttonType, variant }: ButtonProps) =>