# [UI Bug] Poor Text Contrast on "Surprise Me" Button Hover State

[Hardikdhoot121]

Description

The "Surprise Me" button has a contrast issue in its hover state. When hovering over the button, the background becomes very light while the text color remains similar, causing the text to blend into the background and reducing readability.

---

To Reproduce

1. Open the homepage
2. Locate the "Surprise Me" button
3. Hover over the button
4. Observe that the button text becomes difficult to read due to low contrast

---

Expected Behavior

• The button text should remain clearly visible in all states.
• Hover styles should maintain sufficient contrast in the active state between the text and background.

---

Actual Behavior

• The text color merges with the light hover background.
• Button label visibility is reduced, affecting accessibility and user experience.

---

Screenshot

---

[github-actions]

⚠️ Important Contribution Guideline

Please do not open a Pull Request without being assigned to this issue first.

Please do not open a Pull Request without being assigned to this issue first.

How to proceed:

1. Comment on this issue to express interest
2. Wait for maintainers to assign you to the issue
3. Once assigned, you can start working on the PR
4. Include the assignment in your PR checklist

Thank you for helping us maintain a smooth workflow! 🙏

[vaishnavi003-svg]

@steam-bell-92
please assign this issue to me.
thank you

[Hardikdhoot121]

@steam-bell-92 , assign this issue to me under Gssoc 2026.