fix(hover): hover color of outlined button

Signed-off-by: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
layer5io · Jan 18, 2025 · f59face · f59face
1 parent 0320125
commit f59face
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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
           }
         },