I think your right Craig it’s looks as if i do need to tackle it using CSS.
When i inspected the element with the modifications that i had made i was actually getting the product name twice. The full product name was on the first line then on the 2nd line the title was broken down as it should have been just missing the first line.
I also realised than when i change from the Grid view to the List view the title is now also over several lines which isnt great.
So i’ll take your advice and have a play with the CSS!
Thanks.