diff --git a/components/tracks/TrackList.tsx b/components/tracks/TrackList.tsx
index 4034fa9..4393a05 100644
--- a/components/tracks/TrackList.tsx
+++ b/components/tracks/TrackList.tsx
@@ -660,16 +660,18 @@ export function TrackList({
                           ))}
                         </div>
 
-                        {/* Add effect button */}
-                        <Button
-                          variant="ghost"
-                          size="icon-sm"
-                          onClick={() => setEffectBrowserTrackId(track.id)}
-                          title="Add effect"
-                          className="h-5 w-5 flex-shrink-0"
-                        >
-                          <Plus className="h-3 w-3" />
-                        </Button>
+                        {/* Add effect button - only visible when expanded */}
+                        {track.effectsExpanded && (
+                          <Button
+                            variant="ghost"
+                            size="icon-sm"
+                            onClick={() => setEffectBrowserTrackId(track.id)}
+                            title="Add effect"
+                            className="h-5 w-5 flex-shrink-0"
+                          >
+                            <Plus className="h-3 w-3" />
+                          </Button>
+                        )}
 
                         {/* Show/hide toggle */}
                         <Button