diff --git a/src/styles/App-styles.ts b/src/styles/App-styles.ts
index 9b385bc..980657b 100644
--- a/src/styles/App-styles.ts
+++ b/src/styles/App-styles.ts
@@ -130,10 +130,10 @@ export const CustomButton = styled(Box)(({ theme }) => ({
   transition: 'all 0.2s',
   width: 'fit-content',
   '&:hover': {
-    backgroundColor: theme.palette.background.default,
-    color: '#fff',
+    backgroundColor: theme.palette.background.paper,
+    color: theme.palette.text.secondary,
     'svg path': {
-      fill: '#fff',
+      fill: theme.palette.background.paper,
     },
   },
 }));