From b6f3680a54ce77e792ead87e9f78d39a263ffe41 Mon Sep 17 00:00:00 2001
From: Dennis Klimenkov <dennis.klimenkov9@gmail.com>
Date: Thu, 21 Apr 2022 16:23:35 -0400
Subject: [PATCH] fix: disabled button doesn't change background on hover

---
 ui/button/src/Button.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ui/button/src/Button.tsx b/ui/button/src/Button.tsx
index 4927c9a95..09c684ac0 100644
--- 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: {