From 47f875c8169c723c16607ca18fbd1329c5e6cfff Mon Sep 17 00:00:00 2001
From: tcoskun <tcoskun@proven.com.tr>
Date: Mon, 7 Oct 2024 13:57:45 +0300
Subject: [PATCH] fixed: tvl and fee rate charts overflows when zooming

---
 src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx | 7 ++++---
 src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx         | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx b/src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx
index 077e7a3f88..83a579123d 100644
--- a/src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx
+++ b/src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx
@@ -427,7 +427,7 @@ function FeeRateChart(props: FreeRateData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -440,7 +440,7 @@ function FeeRateChart(props: FreeRateData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -470,7 +470,8 @@ function FeeRateChart(props: FreeRateData) {
                 ref={d3Yaxis}
                 style={{
                     width: yAxisWidth,
-                    gridColumn: 3,
+                    gridColumnStart: 3,
+                    gridColumnEnd: 4,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
diff --git a/src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx b/src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx
index 25028f5c8f..908904313c 100644
--- a/src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx
+++ b/src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx
@@ -586,7 +586,7 @@ function TvlChart(props: TvlData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -599,7 +599,7 @@ function TvlChart(props: TvlData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -625,7 +625,8 @@ function TvlChart(props: TvlData) {
                 ref={d3Yaxis}
                 style={{
                     width: yAxisWidth,
-                    gridColumn: 3,
+                    gridColumnStart: 3,
+                    gridColumnEnd: 4,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}