diff --git a/web/src/components/timeline/EventSegment.tsx b/web/src/components/timeline/EventSegment.tsx
index 30b11e200..d3b249688 100644
--- a/web/src/components/timeline/EventSegment.tsx
+++ b/web/src/components/timeline/EventSegment.tsx
@@ -237,13 +237,7 @@ export function EventSegment({
   }, [showMinimap, isFirstSegmentInMinimap, events, segmentDuration]);
 
   const segmentClasses = `flex flex-row ${
-    showMinimap
-      ? isInMinimapRange
-        ? "bg-card"
-        : isLastSegmentInMinimap
-          ? ""
-          : "opacity-70"
-      : ""
+    showMinimap ? (isInMinimapRange ? "bg-muted" : "bg-background") : ""
   } ${
     isFirstSegmentInMinimap || isLastSegmentInMinimap
       ? "relative h-2 border-b border-gray-500"