akshitagupta15june / akshitagupta15june/PetMe
🪲[Bug]: Dark mode toggle and "Go to Top" button overlap on bottom-right corner
- Dominant language
- HTML
- Stars
- 515
- Forks
- 747
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the bug**
In the current layout, the dark mode toggle button and the "Go to Top" floating button overlap in the bottom-right corner. This causes both buttons to merge visually and makes it difficult for users to click them properly.
**To Reproduce**
Steps to reproduce the behavior:
1.Open the website PetMe
2.Scroll down to the bottom of the page.
3.Observe the bottom-right corner.
4.The dark mode toggle and "Go to Top" button overlap.
**Expected behavior**
Both buttons should have clear spacing between them.
Suggested fixes:
1.Add extra margin/padding so they don’t overlap.
2.Position the dark mode toggle on the navbar instead of floating.
3.Or move the "Go to Top" button slightly upward.
**Screenshots**

**Desktop (please complete the following information):**
Browser: Firefox (Linux Ubuntu 22.04)
Resolution: 1365×768
Contributor guide
Assessment
This issue has not been assessed yet.