From 16426dce6065caeb6564b20cac00b574991c4e16 Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Tue, 17 Oct 2023 08:21:45 -0700
Subject: [PATCH] Fix allow small map and depth chart

---
 frontend/src/components/Charts/DepthChart/index.tsx | 4 ++--
 frontend/src/components/Charts/MapChart/index.tsx   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Charts/DepthChart/index.tsx b/frontend/src/components/Charts/DepthChart/index.tsx
index af492b0c2..71f9fe464 100644
--- a/frontend/src/components/Charts/DepthChart/index.tsx
+++ b/frontend/src/components/Charts/DepthChart/index.tsx
@@ -53,8 +53,8 @@ const DepthChart: React.FC<DepthChartProps> = ({
   const [currencyCode, setCurrencyCode] = useState<number>(1);
   const [center, setCenter] = useState<number>();
 
-  const height = maxHeight < 20 ? 20 : maxHeight;
-  const width = maxWidth < 20 ? 20 : maxWidth > 72.8 ? 72.8 : maxWidth;
+  const height = maxHeight < 10 ? 10 : maxHeight;
+  const width = maxWidth < 10 ? 10 : maxWidth > 72.8 ? 72.8 : maxWidth;
 
   useEffect(() => {
     setCurrencyCode(fav.currency === 0 ? 1 : fav.currency);
diff --git a/frontend/src/components/Charts/MapChart/index.tsx b/frontend/src/components/Charts/MapChart/index.tsx
index 3ae531123..8034d575b 100644
--- a/frontend/src/components/Charts/MapChart/index.tsx
+++ b/frontend/src/components/Charts/MapChart/index.tsx
@@ -37,8 +37,8 @@ const MapChart: React.FC<MapChartProps> = ({
   const [acceptedTilesWarning, setAcceptedTilesWarning] = useState<boolean>(false);
   const [openWarningDialog, setOpenWarningDialog] = useState<boolean>(false);
 
-  const height = maxHeight < 20 ? 20 : maxHeight;
-  const width = maxWidth < 20 ? 20 : maxWidth > 72.8 ? 72.8 : maxWidth;
+  const height = maxHeight < 5 ? 5 : maxHeight;
+  const width = maxWidth < 10 ? 10 : maxWidth > 72.8 ? 72.8 : maxWidth;
 
   return (
     <Paper