diff --git a/src/components/base/Button.jsx b/src/components/base/Button.jsx
index fe95e16..4c81785 100644
--- a/src/components/base/Button.jsx
+++ b/src/components/base/Button.jsx
@@ -18,7 +18,7 @@ const useStyles = makeStyles(theme => ({
     backgroundColor: theme.palette.primary[500],
     color: 'white',
     '&:hover': {
-      backgroundColor: "#34489f",
+      backgroundColor: theme.palette.primary['hov'],
     }
   },
   disabledButton: {
diff --git a/src/theme.js b/src/theme.js
index acb8fb0..281649e 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -11,7 +11,11 @@ export default createMuiTheme({
     }
   },
   palette: {
-    primary: { 500: '#1AA56E' },
+    primary: {
+      500: '#1AA56E',
+      hov: '#137C53',
+      A500: '#1AA56E33'
+    },
     common: {
       grey: '#F5F7F8'
     },