FIX: WaitList Section on landing Page , "Your Role" DropDown Arrow Is not properly alligned !

[bhavesh10joshi]

Is your feature request related to a problem?

• Yes, it is related to a problem

Describe the feature you'd like

🌟 Feature Description

On the landing page of the application , the Waitlist Section has a form with a Input Box named as "Your Role" , which has a dropdown feature attached with an arrow . The Arrow is not properly alligned when compared with other input boxes of the same section !

🔍 Problem Statement

The default browser dropdown arrow appears too close to the border and varies across browsers, impacting visual consistency.

🎯 Expected Outcome

This feature addresses inconsistent spacing and alignment of the native select dropdown arrow by introducing a custom, styled arrow, resulting in a cleaner, more visually balanced, and user-friendly interface.

📷 Screenshots and Design Ideas

📋 Reproduce :-

1 :- Go to the main Landing page of Devr.AI !
2 :- Scroll down and move to the waitlist section
3 :- Make a slight look on the dropdown arrow of "Your Role" Input Section !

Record

• I agree to follow this project's Code of Conduct
• I want to work on implementing this feature

[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

---

🔗 Related PRs

#113 - Professional aesthetic that's both modern and eye-catching [merged]

👤 Suggested Assignees

• Aditya30ag

---

🧪 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!