Client » PQS_Japan

On the Product Details Page, the breadcrumb component displays excessive spacing between elements.
This results in a stretched and unbalanced breadcrumb layout, which does not align with the expected compact structure from the design.

Screens: Mobile (≤375px), Tablet (425px–768px), Desktop (≥768px)
Tested By: Tasfia Zaima

Steps to Reproduce¶

1. Open the PQS Japan staging website.
2. Navigate to any Product Details Page.
3. View the breadcrumb component at the top of the page.
4. Observe the spacing between breadcrumb elements.

Expected Result¶

Breadcrumb elements should have consistent, minimal spacing, following the Figma design standards, ensuring a clean and readable layout.

Actual Result¶

Breadcrumb items have excessive spacing, causing the layout to appear stretched and visually misaligned.

Attachments¶

• Screenshot

Module / Section¶

Product Details Page → Breadcrumb Component

Root Cause:¶

long title

Impacted Area:¶

breadcrumb