From 9c091f37f9b669230fa31322bf13e07e887a0ed5 Mon Sep 17 00:00:00 2001
From: Peter Bull Hove <peterbullhove@gmail.com>
Date: Tue, 2 Apr 2024 13:50:10 +0200
Subject: [PATCH] fix: ylabel margin issue

---
 web/src/Components/Bridging/BridgeGraph.tsx                   | 1 +
 web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/Components/Bridging/BridgeGraph.tsx b/web/src/Components/Bridging/BridgeGraph.tsx
index ec33636..7b9880b 100644
--- a/web/src/Components/Bridging/BridgeGraph.tsx
+++ b/web/src/Components/Bridging/BridgeGraph.tsx
@@ -58,6 +58,7 @@ export function BridgeGraph({ bridges, sizeFractions }) {
           domain={[0, 100]}
           ticks={[20, 40, 60, 80, 100]}
           allowDataOverflow
+          width={75}
           label={{ value: 'Cumulative Volume (%)', angle: '270' }}
         />
         <Tooltip />
diff --git a/web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx b/web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx
index 9820106..f2ab9e9 100644
--- a/web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx
+++ b/web/src/Components/Bridging/ParticleSizeDistributionGraph.tsx
@@ -55,7 +55,7 @@ export function ParticleSizeDistributionGraph({ bridges, sizeFractions }) {
           label={{ value: 'particle size (\u00B5m)', position: 'center', offset: 0 }}
           height={70}
         />
-        <YAxis type='number' label={{ value: 'Volume (%)', angle: '270' }} allowDataOverflow />
+        <YAxis type='number' label={{ value: 'Volume (%)', angle: '270' }} width={75} allowDataOverflow />
         <Tooltip />
         <Legend verticalAlign='bottom' align='center' />
         {Object.entries(bridges).map(([name, cumulative], index) => (