fix: disabled button doesn't change background on hover

washingtonpost · Apr 21, 2022 · b6f3680 · b6f3680 · vercel · Apr 21, 2022
1 parent ed542b1
commit b6f3680
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/ui/button/src/Button.tsx b/ui/button/src/Button.tsx
@@ -22,6 +22,11 @@ export const Button = styled("button", {
     color: "$onDisabled",
     backgroundColor: "$colors$disabled",
     borderColor: "$colors$onDisabled",
+    "@hover": {
+      "&:hover": {
+        backgroundColor: "$colors$disabled",
+      },
+    },
   },
 
   variants: {