[Bug] : Noticed Scroll-Top Icon and Code Pilot Icon Overlapped each other when Dark Mode Theme Action Done

[NarendraKoya999]

What happened?

• Whenever the Dark Mode Theme Action Done, the Code Pilot Icon and Scroll-Top Icon Overlapped Each Other. But, in Light Mode Theme, That's Issue Not Happens.

In Light Mode Theme:

In Dark Mode Theme:

How can we reproduce this bug?

1. Go To "https://codesetgo.netlify.app/"
2. Little Scroll and Observe Code Pilot Icon and Scroll-Top Icon in Light Mode Theme and Dark Mode Theme
3. See Error on these Two Icons are Overlapped Each Other in Dark Mode Theme

Desktop Information (Optional)

Browser: Google Chrome, OS: Microsoft Windows and Version: 115.0.0

Urgency (Optional)

Medium priority

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I have checked the existing issues
• [X] I'm a GSSoC'23 contributor
• [X] I want to work on this issue

[NarendraKoya999]

Hi @agamjotsingh18 . Please review on this Issue

[agamjotsingh18]

Too easy issue, just bottom property needed to be changed