Project

General

Profile

Actions

BUG #3897

open

[SQA] Excessive Spacing in Breadcrumb Component on Product Details Page

Added by Aman Bhuiyan 4 months ago. Updated 3 months ago.

Status:
Complete
Priority:
High
Assignee:
Target version:
Start date:
12/10/2025
Due date:
% Done:

100%

Estimated time:

Description

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

Module / Section

Product Details Page → Breadcrumb Component


Root Cause:

long title

Impacted Area:

breadcrumb

Actions #1

Updated by Nazmul Hossain Shovon 4 months ago

  • Status changed from Pending to In Progress
  • Assignee set to Aman Bhuiyan
  • % Done changed from 0 to 100
Actions #2

Updated by Nazmul Hossain Shovon 4 months ago

  • Description updated (diff)
Actions #3

Updated by Aman Bhuiyan 4 months ago

  • Assignee changed from Aman Bhuiyan to Tasfia Zaima
Actions #4

Updated by Tasfia Zaima 3 months ago

  • Status changed from In Progress to Complete
Actions

Also available in: Atom PDF