diff --git a/navbar.css b/navbar.css
index d80f06a..8ea0d5a 100644
--- a/navbar.css
+++ b/navbar.css
@@ -25,7 +25,7 @@
   }
 
   .headerbutton:hover {
-    background-color: #EBEBEB;
+    background-color: #fafafa;
   }
 
   .topbar {
diff --git a/style.css b/style.css
index adc0e58..2c1c5c1 100644
--- a/style.css
+++ b/style.css
@@ -102,8 +102,14 @@ html *
     padding: 10px 10px;
     margin-top: 1cm;
     margin-bottom: 1cm;
+    transition-duration: 0.2s;
   }
 
+  .button:hover {
+    background-color: rgba(0, 0, 0, 0.18);
+  }
+
+
   .gtk-button-pill {
     position: relative;
     width: auto;
@@ -131,7 +137,8 @@ html *
     margin-bottom: 0.5cm;
     min-height: 3cm;
     min-width: 6cm;
-    width: 32.5%
+    width: 32.5%;
+    transition-duration: 0.2s;
   }
   .itemcard-stealth {
     display: grid;
@@ -144,6 +151,10 @@ html *
     transition-duration: 0.2s;
   }
 
+  .itemcard:hover {
+    background-color: #fafafa;
+  }
+
   .itemcard-stealth:hover {
     background-color: #e0e0e0;
   }