Apple Quick Buy Button is thin on mobile view only

Store Design
1

Hi there,

I am encountering an issue with the quick buy button for Apple Pay on my site. The Apple Pay button appears too thin and I would like to make it larger. The quick buy buttons for other payment methods are sized correctly; this problem seems to be specific to Apple Pay.

Has anyone experienced a similar issue or could offer a solution to adjust the size of the Apple Pay button?

https://www.vagigi.com/ on Safari

2

It looks like the button is being passed an auto size as part of the media query. You can adjust the code as follows, and I believe you will find it inside index.css

Original Code

shopify-accelerated-checkout {
--shopify-accelerated-checkout-button-block-size: max(auto !important,5.6rem !important);

Change to

shopify-accelerated-checkout {
--shopify-accelerated-checkout-button-block-size: 5.6rem;

Hope this helps

Simon