diff --git a/src/components/ItemSearch.vue b/src/components/ItemSearch.vue
index 3dd71e39c197f30acfc297918e1732bae3573beb..cfa6e6c5d551e11c2a17317003dafdd9055ef909 100644
--- a/src/components/ItemSearch.vue
+++ b/src/components/ItemSearch.vue
@@ -98,7 +98,7 @@ button {
 
 button:hover {
     border: 1px solid base.$grey;
-    background-color: base.$green;
+    background-color: base.$light-green-hover;
     cursor: pointer;
 
 
diff --git a/src/style.scss b/src/style.scss
index b06ff2b83a5de44e462fd964f25f3518f759c6e9..c7158435ec70a7af663f63d364e5946679272560 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -5,8 +5,8 @@ $white:#FFFFFF;
 $grey:#D9D9D9;
 $red:#EE6D6D;
 
-$red-hover: darken( $red, 10% );
-$green-hover: darken( $green, 10% );
+$red-hover: darken( $red, 5% );
+$green-hover: darken( $green, 8% );
 $light-green-hover: darken( $light-green, 10% );
 
 
diff --git a/src/views/FridgeView.vue b/src/views/FridgeView.vue
index 1428ae7c690a401bec629d49b4605e7ff9564a39..cd8088e689767f9daa549a4dcaa98a65b30c4b68 100644
--- a/src/views/FridgeView.vue
+++ b/src/views/FridgeView.vue
@@ -111,7 +111,7 @@ h1 {
 }
 
 #addItemBtn:hover {
-  background-color: base.$green;
+  background-color: base.$light-green-hover;
   color: white;
   box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
   cursor: pointer;