diff --git a/scss/topic-cards.scss b/scss/topic-cards.scss
index 82fb50e..2cba580 100644
--- a/scss/topic-cards.scss
+++ b/scss/topic-cards.scss
@@ -68,10 +68,8 @@
 
 .topic-list-body .topic-list-item {
   position: relative;
-  background: linear-gradient(45deg, var(--d-sidebar-active-background), #ffffff63);
-  box-shadow:
-          0 10px 30px -18px rgb(10 18 35 / 38%),
-          0 6px 16px -10px var(--topic-card-shadow);
+  background: linear-gradient(45deg, var(--active-color), rgb(255 255 255 / 25%));
+  box-shadow: 4px 4px 6px 0px rgba(10, 18, 35, .38), 0 6px 16px -10px var(--topic-card-shadow);
   text-overflow: ellipsis;
   padding: var(--space-3);
   border: none;
@@ -155,9 +153,9 @@
 
   &:hover {
     .discourse-no-touch & {
-      background: var(--d-sidebar-active-background);
-      box-shadow: 4px 5px 3px 1px #0003, 0 8px 20px -10px var(--topic-card-shadow);
-      border-left: 5px solid #0008;
+      background: var(--active-color);
+      box-shadow: 4px 5px 3px 1px rgba(0, 0, 0, .2), 0 8px 20px -10px var(--topic-card-shadow);
+      border-left: 5px solid #0006;
     }
   }