From f59face1e29a5221b55c86165a84a9135ba55eb9 Mon Sep 17 00:00:00 2001
From: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
Date: Sat, 18 Jan 2025 16:50:15 +0530
Subject: [PATCH] fix(hover): hover color of outlined button

Signed-off-by: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
---
 src/theme/components/button.modifier.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/theme/components/button.modifier.ts b/src/theme/components/button.modifier.ts
index 12a6495b4..7d2788b75 100644
--- a/src/theme/components/button.modifier.ts
+++ b/src/theme/components/button.modifier.ts
@@ -5,7 +5,7 @@ export const MuiButton: Components<Theme>['MuiButton'] = {
     root: ({ theme }) => {
       const {
         palette: {
-          background: { brand, neutral: BgNeutral },
+          background: { brand, hover },
           text: { disabled, constant, neutral: TextNeutral },
           border: { neutral }
         },
@@ -24,7 +24,7 @@ export const MuiButton: Components<Theme>['MuiButton'] = {
         '&.MuiButton-outlined': {
           border: `1px solid ${neutral?.default}`,
           '&:hover': {
-            backgroundColor: BgNeutral?.pressed,
+            backgroundColor: hover,
             color: TextNeutral?.default
           }
         },