diff --git a/src/components/EatFridgeItemModal.vue b/src/components/EatFridgeItemModal.vue
index f788605e48123eccfc64d4b09e5fc2ab325fd52b..eacb71ff0f8409bb286506a7ef6f28c913ebb835 100644
--- a/src/components/EatFridgeItemModal.vue
+++ b/src/components/EatFridgeItemModal.vue
@@ -168,9 +168,12 @@ button {
   color:white;
     border:none;
 }
-
-button:hover, #eatenBtn:hover {
-    background-color: base.$grey;
+button:hover {
+    background-color: base.$red-hover;
+    cursor:pointer;
+}
+#eatenBtn:hover{
+    background-color: base.$green-hover;
 }
 #eatenBtn {
   background-color: base.$green;
@@ -187,4 +190,12 @@ button:hover, #eatenBtn:hover {
     border:none;
     border-radius:5px;
 }
+
+input:hover{
+    cursor:pointer;
+}
+
+#exitBtn:hover{
+    cursor:pointer;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/FridgeItem.vue b/src/components/FridgeItem.vue
index 2478410625b91236a1a7d1108d54d150bcaa3ba3..d259d5db29f607aa03b9464483dd6c51132e4164 100644
--- a/src/components/FridgeItem.vue
+++ b/src/components/FridgeItem.vue
@@ -134,12 +134,14 @@ img {
     background-color: #00663C;
     margin-right:.6em;
     object-fit: cover;
-
-
 }
 
 #itemInfo{
     width: 100%;
 }
 
+#appleBtn:hover {
+    cursor:pointer;
+}
+
 </style>
\ No newline at end of file
diff --git a/src/style.scss b/src/style.scss
index df31d235654012419a14e80b1004c0998fb4b68b..b06ff2b83a5de44e462fd964f25f3518f759c6e9 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -5,6 +5,10 @@ $white:#FFFFFF;
 $grey:#D9D9D9;
 $red:#EE6D6D;
 
+$red-hover: darken( $red, 10% );
+$green-hover: darken( $green, 10% );
+$light-green-hover: darken( $light-green, 10% );
+
 
 $desktop-min: 800px;
 $phone-min : 360px;