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: {