diff --git a/frontend/src/lib/components/disk/StoragePanel.svelte b/frontend/src/lib/components/disk/StoragePanel.svelte
index b576e4a..024c40e 100644
--- a/frontend/src/lib/components/disk/StoragePanel.svelte
+++ b/frontend/src/lib/components/disk/StoragePanel.svelte
@@ -525,7 +525,11 @@
       box-shadow 0.15s ease-out;
 
     &.on {
-      background-color: var(--color-primary-tint);
+      background-color: color-mix(
+        in srgb,
+        var(--color-primary) 12%,
+        transparent
+      );
       box-shadow: inset 0 0 0 1px var(--color-primary);
     }
 
diff --git a/frontend/src/lib/components/disk/StorageThumb.svelte b/frontend/src/lib/components/disk/StorageThumb.svelte
index 5479ac7..adc8457 100644
--- a/frontend/src/lib/components/disk/StorageThumb.svelte
+++ b/frontend/src/lib/components/disk/StorageThumb.svelte
@@ -114,7 +114,7 @@
 
   .extension {
     font-size: 0.6875rem;
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
     letter-spacing: 0.04em;
   }