From 6f74f2b3eb75af6df03bb81624347d0c0686aa86 Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Mon, 13 May 2024 12:20:21 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20(slope)=20format=20x-axis=20labe?=
 =?UTF-8?q?ls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../grapher/src/slopeCharts/SlopeChart.tsx                | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/@ourworldindata/grapher/src/slopeCharts/SlopeChart.tsx b/packages/@ourworldindata/grapher/src/slopeCharts/SlopeChart.tsx
index 59c548c491d..2b7a30ee52c 100644
--- a/packages/@ourworldindata/grapher/src/slopeCharts/SlopeChart.tsx
+++ b/packages/@ourworldindata/grapher/src/slopeCharts/SlopeChart.tsx
@@ -1312,21 +1312,21 @@ class LabelledSlopes
                 <line x1={x2} y1={y1} x2={x2} y2={y2} stroke="#999" />
                 <text
                     x={x1}
-                    y={y1 + BOTTOM_PADDING}
+                    y={y1 + BOTTOM_PADDING - 2}
                     textAnchor="middle"
                     fill={GRAPHER_DARK_TEXT}
                     fontSize={this.yAxis.tickFontSize}
                 >
-                    {xDomain[0].toString()}
+                    {this.yColumn.formatTime(xDomain[0])}
                 </text>
                 <text
                     x={x2}
-                    y={y1 + BOTTOM_PADDING}
+                    y={y1 + BOTTOM_PADDING - 2}
                     textAnchor="middle"
                     fill={GRAPHER_DARK_TEXT}
                     fontSize={this.yAxis.tickFontSize}
                 >
-                    {xDomain[1].toString()}
+                    {this.yColumn.formatTime(xDomain[1])}
                 </text>
                 <g className="slopes">
                     {this.renderGroups(this.backgroundGroups)}