BUG #3896
Updated by Nazmul Hossain Shovon 4 months ago
In the **Product Listing Pages**, the **country flag borders** are not styled correctly. They appear **misaligned**, uneven, or improperly positioned within the product card layout. This results in a visually inconsistent appearance and does not match the expected design styling. **Screens:** Desktop (≥768px), Tablet (425px–768px), Mobile (≤375px) **Tested By:** Tasfia Zaima --- ### Steps to Reproduce 1. Open the PQS Japan staging website. 2. Navigate to any **Product Listing Page** (e.g., All Stock, Used Cars, Truck Stock, Korean Stock, Auto Parts listing). 3. Locate the **country flag** displayed on each product card. 4. Observe the border and alignment around the flag icon. --- ### Expected Result Country flag icons should have: - **Consistent, properly aligned borders** - Correct styling as per Figma design - Uniform spacing and placement across all product cards ### Actual Result The country flag borders appear **misaligned** and inconsistent, causing visual imbalance in the product cards. --- ### Attachments - [Screenshot](https://drive.google.com/file/d/1FZkX6u1mWCKwsOf2y97DzPLGBkweiIoj/view?usp=sharing) ### Module / Section Product Listing Pages → Product Card → Country Flag --- ### Root Cause: extra border --- ### Impacted Area: country flag