Misalignment of Payment Method Buttons in Checkout Section in Enatega Food Delivery Site

Description:
In the Enatega food delivery website's checkout section, there is a misalignment issue with the placement of payment method buttons. Specifically, when the PayPal method is selected, the PayPal button is positioned on the left, while the credit/debit card button is centered.

Steps to Reproduce:
Visit the Enatega food delivery website.
Add items to the cart and proceed to the checkout section.
Select PayPal as the payment method.

Expected Behavior:
The payment method buttons should be uniformly aligned for a consistent and user-friendly experience.

Actual Behavior:
When PayPal is selected, the PayPal button is positioned on the left, creating a misalignment with the credit/debit card button, which is centered.

image

image

Start by reproducing the issue in the checkout section of the React Native food delivery site: select PayPal after adding items to the cart and compare it with the credit/debit card option. Locate the checkout payment-button component and consider the issue done when both payment buttons have consistent alignment.

Written by the indexing model from the issue text.