From d4ef8b198240274f8fd9dda2dd1eaf755c01c896 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Wed, 3 Jul 2024 17:15:08 +0200
Subject: [PATCH] fix: Also constrain aspect ratio

---
 app/charts/shared/containers.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/charts/shared/containers.tsx b/app/charts/shared/containers.tsx
index 822713b89..ebb6fb470 100644
--- a/app/charts/shared/containers.tsx
+++ b/app/charts/shared/containers.tsx
@@ -24,7 +24,8 @@ export const useStyles = makeStyles<
     width: "100%",
     overflow: "hidden",
     flexGrow: 1,
-
+  },
+  constrainMinHeight: {
     // TODO The aspect ratio is currently set for the whole chart instead of
     // affecting only the plot area. Only the plot area should be affected
     // otherwise long y-axis ticks squash vertically a chart.
@@ -32,8 +33,6 @@ export const useStyles = makeStyles<
     // the chart state function can get it and apply it to the plot area.
     // The ReactGridChartPreview component should also disable this behavior.
     aspectRatio: "5 / 2",
-  },
-  constrainMinHeight: {
     minHeight: 300,
   },