diff --git a/components/controls/MasterFader.tsx b/components/controls/MasterFader.tsx
index eec75de..8a2266c 100644
--- a/components/controls/MasterFader.tsx
+++ b/components/controls/MasterFader.tsx
@@ -80,7 +80,7 @@ export function MasterFader({
   }, [isDragging, handleMouseMove, handleMouseUp]);
 
   return (
-    <div className={cn('flex gap-3 ml-2', className)}>
+    <div className={cn('flex gap-3', className)} style={{ marginLeft: '12px' }}>
       {/* dB Labels (Left) */}
       <div className="flex flex-col justify-between text-[10px] font-mono text-muted-foreground py-1">
         <span>0</span>
diff --git a/components/tracks/TrackFader.tsx b/components/tracks/TrackFader.tsx
index 1d8086d..d822ceb 100644
--- a/components/tracks/TrackFader.tsx
+++ b/components/tracks/TrackFader.tsx
@@ -82,7 +82,7 @@ export function TrackFader({
   }, [isDragging, handleMouseMove, handleMouseUp]);
 
   return (
-    <div className={cn('flex gap-2 ml-2', className)}>
+    <div className={cn('flex gap-2', className)} style={{ marginLeft: '8px' }}>
       {/* dB Labels (Left) */}
       <div className="flex flex-col justify-between text-[9px] font-mono text-muted-foreground py-1">
         <span>0</span>