Text Overlapping each other in shop

Site URL: https://www.peggyshiffrin.com/

Hello, something odd is happening on a site I am working on, I will attach a photo also. When I shrink down the site the text overlap each other. I have no idea why this is happening???? I imagine there is text overlapping each other in other sections of the website. 

Also, I wanted to add a little space between product name and price and I can't find where to do that. I may be missing the location on the site where to access this??? Thank you so much!

Design > Site Styles > Fonts >> Adjuts product title line height

Or add this to Design > custom CSS

/* product name line height */
.products.collection-content-wrapper .grid-main-meta .grid-title {
    line-height: 25px;
}

Thank you so much!