Client » PQS_Japan

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

Module / Section¶

Product Listing Pages → Product Card → Country Flag

Root Cause:¶

extra border

Impacted Area:¶

country flag