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) => (