diff --git a/components/controls/MasterControls.tsx b/components/controls/MasterControls.tsx
index 3c4adca..7f97ced 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/10 border-2 border-accent/30 rounded-lg',
+      'flex flex-col items-center gap-3 px-4 py-3 bg-muted/20 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Master Label */}
diff --git a/components/tracks/TrackControls.tsx b/components/tracks/TrackControls.tsx
index bdbe469..97c1831 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/10 border-2 border-accent/30 rounded-lg',
+      'flex flex-col items-center justify-between h-full px-3 py-2 bg-muted/20 border-2 border-accent/50 rounded-lg',
       className
     )}>
       {/* Pan Control - Top */}