UI Overflow on Mobile Screens in Login and Profile Views

[hasanravda]

On mobile devices, several UI screens overflow horizontally and vertically, causing content to go outside the visible screen area. This issue is clearly visible on the Profile screen and Login screen, where text, buttons, and layout elements extend beyond the screen width or height.

This negatively impacts usability and visual consistency on smaller devices

Affected Screens

• Login screen (email, password, login button section)
• Profile screen (profile header section with avatar, posts, followers, following)
• Discover Screen
• Possibly other mobile screens with similar fixed layouts

Expected Behavior

• UI should be fully responsive
• No horizontal overflow on mobile devices
• All content should stay within screen bounds and adapt to screen size

Screenshots-

• Assign this issue to me, I want to work on this

[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

Related Issues

• Overflow Issue in mobile view of setting page #334

👤 Suggested Assignees

• HelloSniperMonkey

---

🧪 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 or schedule a call!

[Aarya-Chaudhari]

Can I work on this issue?

[Riya-singh339]

Hi ,
I'd like to work on this issue .
I'm checking the mobile views locally and will update here if I face any blockers .
Thanks !

[pranita612006]

Hello! I’d like to work on fixing the mobile UI overflow issues mentioned here.
May I proceed with this issue?