Skip to content

Bug: Return Home Button Overlapping Text in "Profile Not Found" Page #242

@Rucha0901

Description

@Rucha0901

🐛 Bug Description

The "Return Home" button on the Profile Not Found page is overlapping or appearing too close to the text above it, affecting the UI spacing and overall user experience.


📍 Current Behavior

  • Button is placed very close to the text content.
  • Improper spacing causes UI misalignment.
  • The layout looks compressed on the error page.

✅ Expected Behavior

  • Proper spacing should exist between the text and the button.
  • The button should appear neatly aligned below the message.
  • Responsive spacing should remain consistent across different screen sizes.

🔁 Steps to Reproduce

  1. Run the project locally.
  2. Open the demo profile page.
  3. Navigate to a non-existing profile route.
  4. Observe the spacing issue between the text and the "Return Home" button.

💡 Suggested Fix

  • Add appropriate margin/padding between text and button.
  • Improve vertical alignment using Flexbox/Grid.
  • Ensure responsive UI consistency.

🛠 Tech Stack

  • Svelte
  • CSS
  • Frontend UI

📸 Screenshot

Attach the screenshot of the issue here.


🚀 GSSoC'26

This issue can be labeled under:

  • gssoc26
  • bug
  • frontend
  • ui/ux
  • good first issue

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions