diff --git a/src/components/workflows/timeline/MetricChart.vue b/src/components/workflows/timeline/MetricChart.vue
index ee0c0953257ed70833b165c39fa3db999b3c1fff..551c5907c0dbee3ac714f29c91b2e95f57a9860d 100644
--- a/src/components/workflows/timeline/MetricChart.vue
+++ b/src/components/workflows/timeline/MetricChart.vue
@@ -6,6 +6,7 @@ import { metricChartTooltipContent } from "@/helpers/metric-chart-tooltip-conten
 import OverlayPanel from 'primevue/overlaypanel'
 import BaseTimelineDetailedChart from "@/components/workflows/timeline/BaseTimelineDetailedChart.vue"
 import timelineStore from "@/store/timeline-store"
+import { isHigherPositive } from "@/helpers/metrics"
 
 const props = defineProps<{
   runs: EvaluationRun[],
@@ -55,6 +56,7 @@ function tooltipContent(d: TimelineChartDataPoint) {
       :end-date="endDate"
       :tooltip-content="tooltipContent"
       :width="400"
+      :higher-is-positive="isHigherPositive(metric)"
     />
   </div>
   <OverlayPanel
@@ -75,6 +77,7 @@ function tooltipContent(d: TimelineChartDataPoint) {
       :tooltip-content="tooltipContent"
       :height="400"
       :width="660"
+      :higher-is-positive="isHigherPositive(metric)"
     />
   </OverlayPanel>
 </template>