[Bug]: Theme toggle button not working properly in hover effect page.

[KalangiGeetaneha]

What happened?

The theme toggle button (used to switch between light and dark modes) on the page does not respond properly to hover interactions. When the mouse pointer is over the button, the expected hover effect (color change, shadow, or scaling) does not appear consistently. On some browsers or screen sizes, the hover effect either does not trigger or appears delayed, making the button look unresponsive.

Screenshots

hover.mp4

Steps to Reproduce

1.Go to hover page 2. Click on toggle button 3. Check it is not working

Environment

Windows 11 ,Chrome 123.0

Severity

None

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊