[Bug] Order Completion Buttons Overflow

[Sakshigupta1902]

What happened?

The "ORDER VIA WHATSAPP" and "CANCEL" buttons on the "Complete Your Order" pop-up are overflowing their container. This visual issue detracts from the user experience and can cause usability problems, especially on different screen sizes.

Steps to Reproduce

Steps to Reproduce

1. Navigate to a product page on the website.
2. Click "Add to Cart."
3. Proceed to the checkout or order completion step to trigger the pop-up.
4. Observe the button layout at the bottom of the pop-up.

Expected Behavior

The "ORDER VIA WHATSAPP" and "CANCEL" buttons should fit correctly within the designated area of the pop-up, with proper spacing and alignment, without extending beyond the container's boundaries.

Actual Behavior

The green "ORDER VIA WHATSAPP" button and the blue "CANCEL" button are visually cut off, appearing to overflow from the bottom of their parent div.

Environment

No response

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[Sakshigupta1902]

@agamjotsingh18 please assign this issue to me

[agamjotsingh18]

Ok

[Chanu716]

Close this @agamjotsingh18