Fix incorrect buttons colors on home page

shafiqrbs · Mar 14, 2023 · 32855ba · 32855ba
1 parent 9943aba
commit 32855ba
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/HomePage/Banner/Banner.styles.ts b/src/components/HomePage/Banner/Banner.styles.ts
@@ -78,7 +78,9 @@ export default createStyles((theme) => ({
     backgroundColor: theme.colorScheme === 'dark' ? theme.colors.yellow[4] : theme.colors.cyan[6],
 
     '&:hover': {
-      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.yellow[4] : theme.colors.cyan[6],
+      backgroundColor: `${
+        theme.colorScheme === 'dark' ? theme.colors.yellow[4] : theme.colors.cyan[6]
+      } !important`,
     },
   },
 
@@ -87,7 +89,9 @@ export default createStyles((theme) => ({
     color: theme.colorScheme === 'dark' ? theme.white : theme.black,
 
     '&:hover': {
-      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.white,
+      backgroundColor: `${
+        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.white
+      } !important`,
     },
   },