Client » PQS_Japan

On the FAQ Page, the bottom layout breaks across desktop, tablet, and mobile viewports.
Multiple UI issues are observed:

• On desktop and tablet, the grey FAQ card section overlaps with the footer
• On mobile, the dropdown component extends over the footer area
• Insufficient bottom spacing and padding cause visual collision between UI components

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

Steps to Reproduce¶

1. Open the PQS Japan staging website.
2. Navigate to the FAQ Page.
3. Scroll toward the bottom of the FAQ listing and dropdown components.
4. Observe that components visually overlap with the footer.
5. Repeat in tablet and mobile responsive views to confirm similar behavior.

Expected Result¶

• FAQ content blocks should remain fully above the footer
• Dropdowns and cards should never overlap the footer
• Proper bottom spacing and padding should maintain clean separation

Actual Result¶

• FAQ UI collides with the footer area
• Components overlap and cause broken layout on multiple screen sizes

Attachments¶

• Video

Module / Section¶

FAQ Page → Bottom Area Layout

Root Cause:¶

Impacted Area:¶