diff --git a/DeepDrftPublic.Client/Controls/TrackCard.razor.css b/DeepDrftPublic.Client/Controls/TrackCard.razor.css
index a018ce1..ce2a173 100644
--- a/DeepDrftPublic.Client/Controls/TrackCard.razor.css
+++ b/DeepDrftPublic.Client/Controls/TrackCard.razor.css
@@ -99,7 +99,7 @@
     }
     .deepdrft-track-card-container--art:hover .deepdrft-track-card-content {
         opacity: 1;
-        background: var(--deepdrft-navy-mid, #162437);
+        background: rgba(22, 36, 55, 0.82);
         transition: opacity 180ms ease, background-color 180ms ease;
     }
 }
@@ -113,8 +113,8 @@
     gap: 16px;
     height: 80px;
     padding: 8px 16px;
-    background: var(--deepdrft-navy-mid, #162437);
-    border: 1px solid rgba(250, 250, 248, 0.12);
+    background: var(--mud-palette-surface);
+    border: 1px solid var(--mud-palette-divider);
     border-radius: 4px;
     box-sizing: border-box;
     width: 100%;