Logo width on Woocommerce pages

Hi, I have my logo set to 40px in the settings. It appears fine on the main page of my website, but on Woocommerce pages, my logo is showing 100% width and is covered by the menu icon.

I have tried every css to adjust the logo, but I can’t get it to display properly on a mobile device. It appears correct on non-WC pages, but if I go to a page in my store, the logo is 100% width.

For now, I have just uploaded a logo that is 40px high, but this makes the logo look blurry. Any help you could provide would be greatly appreciated!