Project

General

Profile

BUG #3861

Updated by Nazmul Hossain Shovon 4 months ago

### 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 
 - [Screenshot](https://drive.google.com/file/d/1cHpMdAwgfCzwLlbSYnpAvjyl_gZTljxu/view?usp=sharing) 

 ### Module / Section 
 Navbar → Search Box 

 --- 

 ### Root Cause: 
 mismatch with figma 

 --- 

 ### Impacted Area: 
 header main search input

Back