The titles of the product in the collection list doesn't fit in the box: Debut theme

Store Design
1

I have row of 6 items in a collection list.

Screen Shot 2021-12-30 at 1.49.45 PM.png
Screen Shot 2021-12-30 at 1.49.45 PM.png862×162 736 Bytes

Each item has a title that spills out and clutters when I resize the window like the image below.

Screen Shot 2021-12-30 at 1.21.00 PM.png
Screen Shot 2021-12-30 at 1.21.00 PM.png290×298 28.6 KB

I know I can decrease the font size or change the row to 2 . However, I want to keep it to 1 row with 6 items for screen size up to 1100 px. I tried to decrease the font size but it may not work for some bigger title. What is best way to solve this.

2

I dont have this problem with the featured collection because the title breaks only at the space between words. The letters don’t break like in the image above.