diff --git a/client/src/jsMain/javascript/com/zegreatrob/coupling/client/CouplingResponsiveLine.jsx b/client/src/jsMain/javascript/com/zegreatrob/coupling/client/CouplingResponsiveLine.jsx
index 74ac164e4..b119078ac 100644
--- a/client/src/jsMain/javascript/com/zegreatrob/coupling/client/CouplingResponsiveLine.jsx
+++ b/client/src/jsMain/javascript/com/zegreatrob/coupling/client/CouplingResponsiveLine.jsx
@@ -87,6 +87,9 @@ export const CouplingResponsiveLine = (props) => {
                     content={props.tooltip ? (args) => props.tooltip(args.point.data) : undefined}
                 />
                 <Legend
+                    width={'90%'}
+                    height={'7%'}
+                    wrapperStyle={{whiteSpace: 'pre-wrap'}}
                     onClick={props => handleLegendClick(props.dataKey)}
                 />
                 {lineIds.map((lineId, index) =>