diff --git a/web/src/components/timeline/EventSegment.tsx b/web/src/components/timeline/EventSegment.tsx
index 072bdf073..21c3dcfb5 100644
--- a/web/src/components/timeline/EventSegment.tsx
+++ b/web/src/components/timeline/EventSegment.tsx
@@ -61,7 +61,7 @@ function MinimapBounds({
     <>
       {isFirstSegmentInMinimap && (
         <div
-          className="absolute inset-0 -bottom-7 w-full flex items-center justify-center text-primary font-medium z-20 text-center text-[10px] scroll-mt-8"
+          className="absolute inset-0 -bottom-7 w-full flex items-center justify-center text-primary-foreground font-medium z-20 text-center text-[10px] scroll-mt-8"
           ref={firstMinimapSegmentRef}
         >
           {new Date(alignedMinimapStartTime * 1000).toLocaleTimeString([], {
@@ -73,7 +73,7 @@ function MinimapBounds({
       )}
 
       {isLastSegmentInMinimap && (
-        <div className="absolute inset-0 -top-3 w-full flex items-center justify-center text-primary font-medium z-20 text-center text-[10px]">
+        <div className="absolute inset-0 -top-3 w-full flex items-center justify-center text-primary-foreground font-medium z-20 text-center text-[10px]">
           {new Date(alignedMinimapEndTime * 1000).toLocaleTimeString([], {
             hour: "2-digit",
             minute: "2-digit",
@@ -247,7 +247,7 @@ export function EventSegment({
   const segmentClasses = `h-2 relative w-full ${
     showMinimap
       ? isInMinimapRange
-        ? "bg-card"
+        ? "bg-secondary-highlight"
         : isLastSegmentInMinimap
           ? ""
           : "opacity-70"
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 167019d9b..11ca4127c 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -52,6 +52,7 @@ module.exports = {
         secondary: {
           DEFAULT: "hsl(var(--secondary))",
           foreground: "hsl(var(--secondary-foreground))",
+          highlight: "hsl(var(--secondary-highlight))",
         },
         destructive: {
           DEFAULT: "hsl(var(--destructive))",
diff --git a/web/themes/theme-default.css b/web/themes/theme-default.css
index b8a4ac4cd..32e9d2288 100644
--- a/web/themes/theme-default.css
+++ b/web/themes/theme-default.css
@@ -30,6 +30,9 @@
     --secondary-foreground: hsl(0, 0%, 45%);
     --secondary-foreground: 0, 0%, 45%;
 
+    --secondary-highlight: hsl(0, 0%, 94%);
+    --secondary-highlight: 0, 0%, 94%;
+
     --muted: hsl(210 40% 96.1%);
     --muted: 210 40% 96.1%;
 
@@ -103,6 +106,9 @@
     --secondary-foreground: hsl(0, 0%, 83%);
     --secondary-foreground: 0, 0%, 83%;
 
+    --secondary-highlight: hsl(0, 0%, 25%);
+    --secondary-highlight: 0, 0%, 25%;
+
     --muted: hsl(0, 0%, 8%);
     --muted: 0, 0%, 8%;