Hello @henrybaum
The issue you’re seeing is most likely caused by theme-level styling.
You can try adding the following CSS to address the layout issue, but keep in mind that it’s a bit of hit and miss, as we cannot reproduce it on our end, which also means we cannot fully verify it:
/* Prevent GPay button from getting cut off in classic checkout */
.ppcp-button-googlepay {
min-height: 48px !important;
overflow: visible !important;
}
.gpay-button {
min-width: 100% !important;
width: 100% !important;
height: auto !important;
display: block !important;
box-sizing: border-box !important;
overflow: visible !important;
}
/* Optional: Ensure parent container doesn't clip the button */
.gpay-card-info-container {
overflow: visible !important;
}
Alternatively, if you’re using the legacy UI, you can try enabling Google Pay as a separate gateway under WooCommerce → Settings → Payments→ Standard Payments tab, using the “Create gateway for alternative payment methods” option. That may help render the button differently and avoid the clipping.
Let me know if this resolves it on your end. In case it doesn’t help, let’s move it to a private board. You can get support by opening a ticket with our service desk here: Request Support
Kind Regards,
Krystian
