diff --git a/_assets/css/style.css b/_assets/css/style.css
index 26dc3ece..8017cf59 100644
--- a/_assets/css/style.css
+++ b/_assets/css/style.css
@@ -182,10 +182,16 @@
 .dark .hagrid-item {
   border: 0.5px solid rgba(255, 255, 255, 0.20) !important;
   background: var(--card-bg-color-dark) !important;
+  transition: background-color 0.3s;
   box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.10), 0px 34px 24px -20px rgba(0, 0, 0, 0.04) !important;
 }
 
 
+.dark .hagrid-item:hover {
+  background: rgba(47, 47, 61, 0.2) !important;
+  border-color: var(--doctave-theme-main);
+}
+
 .hagrid-item:hover {
   border-color: var(--doctave-theme-main);
 }