From 3e983eb45a3ddf41a4c1945559da621cd3594ce0 Mon Sep 17 00:00:00 2001
From: BE <137172332+VWSCoronaDashboard29@users.noreply.github.com>
Date: Tue, 31 Oct 2023 11:32:52 +0100
Subject: [PATCH] fix(COR-1811): correct y-axis stacked chart (#4924)

Co-authored-by: VWSCoronaDashboard29 <B>
---
 packages/app/src/components/stacked-chart/stacked-chart.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/stacked-chart/stacked-chart.tsx b/packages/app/src/components/stacked-chart/stacked-chart.tsx
index fa147a30e7..cbb52b4407 100644
--- a/packages/app/src/components/stacked-chart/stacked-chart.tsx
+++ b/packages/app/src/components/stacked-chart/stacked-chart.tsx
@@ -419,7 +419,7 @@ export function StackedChart<T extends TimestampedValue>(props: StackedChartProp
                                * negative height is not allowed.
                                */
                               y={bar.y + (isTinyScreen ? 1 : 2)}
-                              height={Math.max(0, bar.height)}
+                              height={Math.max(0, bar.height - (isTinyScreen ? 1 : 2))}
                               width={bar.width}
                               fill={fillColor}
                               onMouseLeave={handleHoverWithBar}
@@ -436,7 +436,7 @@ export function StackedChart<T extends TimestampedValue>(props: StackedChartProp
                                  * negative height is not allowed.
                                  */
                                 y={bar.y + (isTinyScreen ? 1 : 2)}
-                                height={Math.max(0, bar.height)}
+                                height={Math.max(0, bar.height - (isTinyScreen ? 1 : 2))}
                                 width={bar.width}
                                 fill={breakpoints.lg ? 'url(#pattern-hatched)' : 'url(#pattern-hatched-small)'}
                                 onMouseLeave={handleHoverWithBar}