[Bug]: Inconsistent Layout and Styling Across Policy Pages

[nur-hasin]

Description

1. EPR Compliance Page: Bullet markers render outside the content area of the container (between the border and text), resulting in misaligned list items.
2. Shipping Page: Page styling does not match other policy pages, the content container lacks a border and the page heading is left-aligned instead of centered.
3. Privacy Policy & Terms and Conditions Pages: The navigation bar overlaps the top border of the content container, unlike the Return & Cancellation page.
4. All Policy Pages: Bottom spacing between the main content and footer is inconsistent, leading to uneven visual hierarchy.

Expected Behavior

• Bullet markers on the EPR Compliance page should appear inside the content container with proper indentation and aligned with the text.
• Shipping page should match the visual styling of other policy pages like centered heading and visible container border.
• All policy pages should have consistent spacing between the navbar and content container, with no overlap.
• Uniform bottom spacing should be applied between content and footer across all policy pages.

Screenshots

EPR Compliance page bullet points extending beyond the left edge of the content container:

Shipping page without border and left-aligned heading:

Navbar overlapping content border on Privacy Policy and Terms & Conditions pages:

Inconsistent bottom spacing across Privacy Policy, Terms & Conditions, Shipping, and EPR Compliance pages compared to Return & Cancellation page:

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

For more information, join the official Discord.

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Similar Issues

Possible Duplicates

• Enhancement: Improve layout consistency between Privacy Policy and Terms & Conditions pages #2656

Related Issues

• Fix the UI and Alignment of the text to make it look more aesthetic #2618
• Navbar Layout & UI Redesign for Better Alignment and Visual Consistency #2692
• No error message shown for invalid coupon code on cart page , size button problem  #2699
• bug: Button Text Overflow on Product Cards #2377

🔗 Related PRs

#1473 - Enhanced the privacy page in new VigyBag [merged]
#1582 - Responsive EPR page [merged]
#1783 - Resposivness of All Pages with fixed Navbar [merged]
#1808 - Corrected the payment checkout and certification page button [merged]
#2657 - Enhanced layout consistency for Privacy Policy and Terms & Conditions… [merged]

👤 Suggested Assignees

• SadafKausar2025
• Ri2-4
• areebakulsum10
• KaranUnique
• teambugbusters00

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[nur-hasin]

Hi @codervivek5, I opened this issue. I’d be happy to work on fixing this issue if you approve.