diff --git a/apps/web/src/components/editor/timeline/timeline-content.tsx b/apps/web/src/components/editor/timeline/timeline-content.tsx
index 0229c418..05b7d4bd 100644
--- a/apps/web/src/components/editor/timeline/timeline-content.tsx
+++ b/apps/web/src/components/editor/timeline/timeline-content.tsx
@@ -64,7 +64,7 @@ export function TimelineContent({
 				className={`h-full grid grid-cols-[192px_1fr] ${tracks.length > 0 ? `grid-rows-[20px_repeat(${tracks.length},minmax(0,max-content))]` : "grid-rows-[20px_1fr]"}`}
 			>
 				{/* Top-Left Corner (Empty space above track labels) */}
-				<div className="sticky top-0 left-0 border-inset bg-card/[0.99]"></div>
+				<div className="sticky top-0 left-0 border-inset bg-card"></div>
 
 				{/* Top Row (Sticky Ruler Header) */}
 				<TimelineRuler
diff --git a/apps/web/src/components/editor/timeline/timeline-ruler.tsx b/apps/web/src/components/editor/timeline/timeline-ruler.tsx
index fbe5ae1f..2f2b6605 100644
--- a/apps/web/src/components/editor/timeline/timeline-ruler.tsx
+++ b/apps/web/src/components/editor/timeline/timeline-ruler.tsx
@@ -110,7 +110,7 @@ export function TimelineRuler({
 
 	return (
 		<div
-			className="sticky top-0 bg-card/[0.99] border-b border-muted/30 z-[99]"
+			className="sticky top-0 bg-card border-b border-muted/30 z-[99]"
 			onMouseDown={handleSelectionMouseDown}
 			onClick={handleTimelineContentClick}
 			data-ruler-area
diff --git a/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx b/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx
index 9242bccd..7de6df04 100644
--- a/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx
+++ b/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx
@@ -35,7 +35,7 @@ export function TimelineTracksArea({
 				<Fragment key={track.id}>
 					{/* Left Column (Sticky Track Labels) */}
 					<div
-						className="sticky left-0 flex items-center border-b border-panel border-inset group bg-card/[0.99] z-[98]"
+						className="sticky left-0 flex items-center border-b border-panel border-inset group bg-card z-[100]"
 						style={{ height: `${getTrackHeight(track.type)}px` }}
 					>
 						<div className="flex items-center gap-2 px-2">
@@ -77,7 +77,7 @@ export function TimelineTracksArea({
 			{/* Add Track Button - spans full width */}
 			<div
 				onClick={() => addTrack("media")}
-				className="col-span-1 sticky left-0 w-full flex items-center border-b border-muted bg-card/[0.99] hover:bg-card/50 transition-colors cursor-pointer z-[89]"
+				className="col-span-1 sticky left-0 w-full flex items-center border-b border-muted bg-card hover:bg-card/50 transition-colors cursor-pointer z-[100]"
 				style={{ height: `${getTrackHeight("media")}px` }}
 			>
 				<div className="w-full flex  justify-center items-center">