Project

General

Profile

Actions

BUG #3861

open

[SQA] In Mobile View, Search Box Placeholder Text Misaligned

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

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

100%

Estimated time:

Description

Description

The placeholder text inside the mobile search box is misaligned and does not match the spacing or positioning shown in the Figma design.
This causes visual inconsistency and reduces the overall UI polish on mobile devices.

Screens: Mobile (≤375px)
Tested By: Aman Bhuiyan


Steps to Reproduce

  1. Open the PQS Japan staging website on a mobile device or use responsive mode.
  2. Navigate to any page where the search box appears in the navbar.
  3. Observe the placeholder text alignment within the mobile search box.

Expected Result

The placeholder text should be properly aligned according to the Figma design, ensuring consistent spacing and a clean visual appearance.

Actual Result

The placeholder text is misaligned, causing uneven spacing and breaking design consistency on mobile.


Attachments

Module / Section

Navbar → Search Box


Root Cause:

mismatch with figma

Impacted Area:

header main search input

Actions

Also available in: Atom PDF