Change the image size in the shopping cart

Hi, I'm new to Squarespace, and while it's really powerful, I'm having some trouble with formatting the shopping cart.

I changed the font for the shopping cart product description and prices to make them more legible, but when they get larger the tops of the letters get cut off. See "SquishedText_1.png".

So using examples I found in the forums (thank you!) I was able to change the margin and padding so the text displays properly, but now the images are cut off.

Code:

    margin: 0.25vw;
    padding: 0.5vw;

How the images look with this code (see "SquishedImage_1.png":

Any thoughts about how I can get both the text and the images to display fully in my shopping cart without getting cut off?

And while I'm asking, I'd love to know how to change the font in the "Spring Membership" button at the top right, and change the font size in the header. It's just too small to be legible.

Many thanks!!!!

April

Hi DPruitt, forcing the line-height worked like a charm to fix the text and image display in my shopping cart. They look great now.

I think you conflated the two other things I was asking for help with.

1. the font style in the button element
2. The font size in the site header

The link to the site is https://cyan-perch-hsd2.squarespace.com/

Thanks!