diff --git a/components/tracks/TrackExtensions.tsx b/components/tracks/TrackExtensions.tsx
index e33dfca..0c43bdf 100644
--- a/components/tracks/TrackExtensions.tsx
+++ b/components/tracks/TrackExtensions.tsx
@@ -91,8 +91,8 @@ export function TrackExtensions({
 
         {/* Horizontal scrolling device rack - expanded state */}
         {track.showEffects && (
-          <div className="h-48 overflow-x-auto custom-scrollbar bg-muted/70">
-            <div className="flex h-full">
+          <div className="h-48 overflow-x-auto custom-scrollbar bg-muted/70 p-3">
+            <div className="flex h-full gap-3">
               {track.effectChain.effects.length === 0 ? (
                 <div className="text-xs text-muted-foreground text-center py-8 w-full">
                   No devices. Click + to add an effect.