From 33bacb281bec2a556f8847405d26a53edce7f68c Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Tue, 21 May 2024 09:08:43 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(axis)=20align=20ticks=20with=20dom?=
 =?UTF-8?q?ain=20line=20on=20edges?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../@ourworldindata/grapher/src/axis/AxisViews.tsx     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/@ourworldindata/grapher/src/axis/AxisViews.tsx b/packages/@ourworldindata/grapher/src/axis/AxisViews.tsx
index 70f257ba5fd..e042d3f462e 100644
--- a/packages/@ourworldindata/grapher/src/axis/AxisViews.tsx
+++ b/packages/@ourworldindata/grapher/src/axis/AxisViews.tsx
@@ -360,7 +360,7 @@ export class HorizontalAxisComponent extends React.Component<{
             preferredAxisPosition,
             labelColor,
             tickColor,
-            tickMarkWidth,
+            tickMarkWidth = 1,
             detailsMarker,
         } = this.props
         const { tickLabels, labelTextWrap: label, labelOffset, orient } = axis
@@ -408,9 +408,13 @@ export class HorizontalAxisComponent extends React.Component<{
                             {showTickMarks && (
                                 <line
                                     x1={axis.place(label.value)}
-                                    y1={tickMarksYPosition}
+                                    y1={tickMarksYPosition - tickMarkWidth / 2}
                                     x2={axis.place(label.value)}
-                                    y2={tickMarksYPosition + tickSize}
+                                    y2={
+                                        tickMarksYPosition -
+                                        tickMarkWidth / 2 +
+                                        tickSize
+                                    }
                                     stroke={SOLID_TICK_COLOR}
                                     strokeWidth={tickMarkWidth}
                                 />