Cart icon breaking into horizontal scrolling in mobile

Previously, a new cart icon was added to this site, which initially caused the cart bubble to be misaligned, when a product was added to it. I fixed the bubble, but this new icon also causes some horizontal scrolling in mobile due to its width, too, when an item is added, pushing the number off-screen. Is there some way I can change the padding in the mobile header to fit everything? Someone gave me a code snippet that stopped the scrolling but also cut off the bubble and number of products in the cart, so that’s no good. Is there a fix? Or should I advise replacing it with an icon of the original width? Thanks for any guidance!

site: https://annamuseo.com/ - Dawn theme

Note that I’ve scrolled slightly over to the right in this screencap:

I ended up resolving this by changing the cart icon back to a standard size.