diff --git a/src/components/reusable/reusable.css b/src/components/reusable/reusable.css
index ffa0b8b..6590c61 100644
--- a/src/components/reusable/reusable.css
+++ b/src/components/reusable/reusable.css
@@ -26,13 +26,18 @@
     flex-direction: row;
     align-items: center;
     padding: 16px 20px;
-    background: var(--z-bg-neutral-200);
+    background-color: var(--z-bg-neutral-100);
     border-radius: var(--z-border-radius-lg, 12px);
-    box-shadow: var(--block-shadow, 0 7px 7px rgba(0, 0, 0, 0.1));
-    border: 1px solid var(--z-neutral-500);
+    box-shadow: var(--block-shadow);
+    transition: all 0.2s ease-in-out;
+    border: 1px solid var(--z-border-neutral-300);
     font-family: var(--font-sans, system-ui, -apple-system, sans-serif);
 }
 
+.z-stats-tile:hover {
+    box-shadow: var(--z-shadow-md);
+}
+
 .z-stats-tile:last-child {
     margin-bottom: 0;
 }