diff --git a/components/controls/MasterControls.tsx b/components/controls/MasterControls.tsx
index 7f97ced..fd05e6f 100644
--- a/components/controls/MasterControls.tsx
+++ b/components/controls/MasterControls.tsx
@@ -36,7 +36,7 @@ export function MasterControls({
 }: MasterControlsProps) {
   return (
     <div className={cn(
-      'flex flex-col items-center gap-3 px-4 py-3 bg-muted/20 border-2 border-accent/50 rounded-lg',
+      'flex flex-col items-center gap-3 px-4 py-3 bg-card/50 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Master Label */}
diff --git a/components/tracks/TrackControls.tsx b/components/tracks/TrackControls.tsx
index 97c1831..bae6522 100644
--- a/components/tracks/TrackControls.tsx
+++ b/components/tracks/TrackControls.tsx
@@ -57,7 +57,7 @@ export function TrackControls({
 }: TrackControlsProps) {
   return (
     <div className={cn(
-      'flex flex-col items-center justify-between h-full px-3 py-2 bg-muted/20 border-2 border-accent/50 rounded-lg',
+      'flex flex-col items-center justify-between h-full px-3 py-2 bg-card/50 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Pan Control - Top */}