diff --git a/apps/web/src/components/editor/timeline/index.tsx b/apps/web/src/components/editor/timeline/index.tsx
index 4a59fd21c..5d3fa1eeb 100644
--- a/apps/web/src/components/editor/timeline/index.tsx
+++ b/apps/web/src/components/editor/timeline/index.tsx
@@ -22,6 +22,7 @@ import {
   ZoomOut,
   Bookmark,
   Eye,
+  EyeOff,
   VolumeOff,
   Volume2,
 } from "lucide-react";
@@ -84,6 +85,7 @@ export function Timeline() {
     snappingEnabled,
     setSelectedElements,
     toggleTrackMute,
+    toggleTrackVisibility,
     dragState,
   } = useTimelineStore();
   const { mediaFiles, addMediaFile } = useMediaStore();
@@ -777,18 +779,38 @@ export function Timeline() {
                       style={{ height: `${getTrackHeight(track.type)}px` }}
                     >
                       <div className="flex items-center justify-end flex-1 min-w-0 gap-2">
-                        {track.muted ? (
-                          <VolumeOff
-                            className="h-4 w-4 text-destructive cursor-pointer"
-                            onClick={() => toggleTrackMute(track.id)}
-                          />
-                        ) : (
-                          <Volume2
-                            className="h-4 w-4 text-muted-foreground cursor-pointer"
-                            onClick={() => toggleTrackMute(track.id)}
-                          />
-                        )}
-                        <Eye className="h-4 w-4 text-muted-foreground" />
+                        <button
+                          type="button"
+                          onClick={() => toggleTrackMute(track.id)}
+                          aria-label={track.muted ? "Unmute track" : "Mute track"}
+                          className="p-0.5 rounded hover:bg-muted/50 focus:outline-none focus:ring-1 focus:ring-ring"
+                        >
+                          {track.muted ? (
+                            <VolumeOff className="h-4 w-4 text-destructive">
+                              <title>Unmute track</title>
+                            </VolumeOff>
+                          ) : (
+                            <Volume2 className="h-4 w-4 text-muted-foreground">
+                              <title>Mute track</title>
+                            </Volume2>
+                          )}
+                        </button>
+                        <button
+                          type="button"
+                          onClick={() => toggleTrackVisibility(track.id)}
+                          aria-label={track.hidden ? "Show track" : "Hide track"}
+                          className="p-0.5 rounded hover:bg-muted/50 focus:outline-none focus:ring-1 focus:ring-ring"
+                        >
+                          {track.hidden ? (
+                            <EyeOff className="h-4 w-4 text-destructive">
+                              <title>Show track</title>
+                            </EyeOff>
+                          ) : (
+                            <Eye className="h-4 w-4 text-muted-foreground">
+                              <title>Hide track</title>
+                            </Eye>
+                          )}
+                        </button>
                         <TrackIcon track={track} />
                       </div>
                     </div>
diff --git a/apps/web/src/components/editor/timeline/timeline-track.tsx b/apps/web/src/components/editor/timeline/timeline-track.tsx
index 7cfde9313..b68918d8a 100644
--- a/apps/web/src/components/editor/timeline/timeline-track.tsx
+++ b/apps/web/src/components/editor/timeline/timeline-track.tsx
@@ -1106,7 +1106,7 @@ export function TimelineTrackContent({
 
   return (
     <div
-      className="w-full h-full hover:bg-muted/20"
+      className={`w-full h-full hover:bg-muted/20 ${track.hidden ? "opacity-40" : ""}`}
       onClick={(e) => {
         // If clicking empty area (not on an element), deselect all elements
         if (!(e.target as HTMLElement).closest(".timeline-element")) {
diff --git a/apps/web/src/stores/timeline-store.ts b/apps/web/src/stores/timeline-store.ts
index aeeb65c5d..b1a99bc29 100644
--- a/apps/web/src/stores/timeline-store.ts
+++ b/apps/web/src/stores/timeline-store.ts
@@ -127,6 +127,7 @@ interface TimelineStore {
     pushHistory?: boolean
   ) => void;
   toggleTrackMute: (trackId: string) => void;
+  toggleTrackVisibility: (trackId: string) => void;
   splitAndKeepLeft: (
     trackId: string,
     elementId: string,
@@ -871,6 +872,15 @@ export const useTimelineStore = create<TimelineStore>((set, get) => {
       );
     },
 
+    toggleTrackVisibility: (trackId) => {
+      get().pushHistory();
+      updateTracksAndSave(
+        get()._tracks.map((track) =>
+          track.id === trackId ? { ...track, hidden: !track.hidden } : track
+        )
+      );
+    },
+
     updateTextElement: (trackId, elementId, updates) => {
       get().pushHistory();
       updateTracksAndSave(
diff --git a/apps/web/src/types/timeline.ts b/apps/web/src/types/timeline.ts
index 61ba6af0c..edaf84015 100644
--- a/apps/web/src/types/timeline.ts
+++ b/apps/web/src/types/timeline.ts
@@ -86,6 +86,7 @@ export interface TimelineTrack {
   type: TrackType;
   elements: TimelineElement[];
   muted?: boolean;
+  hidden?: boolean;
   isMain?: boolean;
 }