BUG #3897
Updated by Nazmul Hossain Shovon 4 months ago
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](https://drive.google.com/file/d/1m3B_vPx3NZrVQfBPdFMRtjJn5uvubSmr/view?usp=sharing) ### Module / Section Product Details Page → Breadcrumb Component --- ### Root Cause: long title --- ### Impacted Area: breadcrumb