diff --git a/components/layout/SidePanel.tsx b/components/layout/SidePanel.tsx
index 44ae082..a08f433 100644
--- a/components/layout/SidePanel.tsx
+++ b/components/layout/SidePanel.tsx
@@ -210,7 +210,7 @@ export function SidePanel({
                         </div>
 
                         {/* Track Controls - Always visible */}
-                        <div className="space-y-2">
+                        <div className="space-y-2" onClick={(e) => e.stopPropagation()}>
                           {/* Volume */}
                           <div className="space-y-1">
                             <div className="flex items-center justify-between">