You can change the width of the legend or individual elements within the legend by hovering over the legend until you see the dotted line (see below) and clicking /drag-dropping the edge of the legend to re-size accordingly.
Alternatively you could use a floating legend object which would give you more flexibility.
Thanks both, It now works! I didn't stretch them across far enough so realised my mistake. Face slap time I think now!