BUG #3899
Updated by Nazmul Hossain Shovon 4 months ago
On the **Auto Parts Details** page, the **WhatsApp button** appears incorrectly sized in **mobile view (375px)**. The button looks larger or disproportionate compared to other elements, causing UI imbalance and breaking visual consistency with the design. **Screens:** Mobile (≤375px) **Tested By:** Tasfia Zaima --- ### Steps to Reproduce 1. Open the PQS Japan staging website on a mobile device or using browser responsive mode set to **375px width**. 2. Navigate to an **Auto Parts Details** page. 3. Scroll to the **WhatsApp Inquiry** button section. 4. Observe the button sizing and alignment. --- ### Expected Result The WhatsApp button should: - Maintain correct sizing according to Figma - Fit proportionally with surrounding UI elements - Maintain consistent padding, icon size, and typography across all breakpoints ### Actual Result The button appears **larger than expected** and visually out of scale in mobile view. --- ### Attachments - [Screenshot](https://drive.google.com/file/d/1EkTiMcTD2l1RRq2-cNyb-g9-1rB60sPV/view) ### Module / Section Auto Parts → Product Details → WhatsApp Button --- ### Root Cause: wrong flex class --- ### Impacted Area: whatsapp button