From 15463a5a4b8f0f88684a3e4f8a6da92f052dde97 Mon Sep 17 00:00:00 2001
From: Jordi Enric <37541088+jordienr@users.noreply.github.com>
Date: Wed, 3 Jan 2024 17:01:56 +0100
Subject: [PATCH] fix vertical alignment of dates in area chart (#20133)

---
 apps/studio/components/ui/Charts/AreaChart.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/studio/components/ui/Charts/AreaChart.tsx b/apps/studio/components/ui/Charts/AreaChart.tsx
index fd900a32d20..d0f0e0bbfa0 100644
--- a/apps/studio/components/ui/Charts/AreaChart.tsx
+++ b/apps/studio/components/ui/Charts/AreaChart.tsx
@@ -107,7 +107,7 @@ const AreaChart = ({
         </RechartAreaChart>
       </Container>
       {data && (
-        <div className="text-foreground-lighter -mt-2 flex items-center justify-between text-xs">
+        <div className="text-foreground-lighter -mt-8 flex items-center justify-between text-xs">
           <span>{dayjs(data[0][xAxisKey]).format(customDateFormat)}</span>
           <span>{dayjs(data[data?.length - 1]?.[xAxisKey]).format(customDateFormat)}</span>
         </div>