diff --git a/media_server/static/css/styles.css b/media_server/static/css/styles.css
index d8f3fd4..0c862e0 100644
--- a/media_server/static/css/styles.css
+++ b/media_server/static/css/styles.css
@@ -897,7 +897,7 @@ button:disabled {
     height: 6px;
     -webkit-appearance: none;
     appearance: none;
-    background: var(--border);
+    background: color-mix(in srgb, var(--accent) 15%, var(--border));
     border-radius: 3px;
     outline: none;
 }
@@ -1448,7 +1448,7 @@ button:disabled {
             appearance: none;
             height: 6px;
             border-radius: 3px;
-            background: var(--border);
+            background: color-mix(in srgb, var(--accent) 15%, var(--border));
             outline: none;
             cursor: pointer;
         }
@@ -2237,7 +2237,7 @@ dialog.dialog-closing::backdrop {
     height: 4px;
     -webkit-appearance: none;
     appearance: none;
-    background: var(--border);
+    background: color-mix(in srgb, var(--accent) 15%, var(--border));
     border-radius: 2px;
     outline: none;
     cursor: pointer;