From f222327a89b388c6abfcc2d5c7f883ac3f180094 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Wed, 2 Aug 2023 13:09:09 +0500
Subject: [PATCH] theme: fix menu buttons have no hover

---
 packages/theme/src/theme/variants/button.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/theme/src/theme/variants/button.ts b/packages/theme/src/theme/variants/button.ts
index bf51d3558..43d937823 100644
--- a/packages/theme/src/theme/variants/button.ts
+++ b/packages/theme/src/theme/variants/button.ts
@@ -52,7 +52,7 @@ export const createButtonVariant = (
   },
   ":active": {
     bg: background,
-    filter: "brightness(90%)",
+    filter: "brightness(85%)",
     transform: "scale(0.98) !important",
     ...states?.hover,
     ...states?.active
@@ -117,7 +117,9 @@ const statusItem: ThemeUIStyleObject = {
 };
 
 const menuItem: ThemeUIStyleObject = {
-  ...createButtonVariant("transparent", "paragraph"),
+  ...createButtonVariant("transparent", "paragraph", {
+    hover: { bg: "hover" }
+  }),
   borderRadius: 0
 };