[Bug]: Double scroll bar in the website

[Shane-3]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

A double scroll bar appears on the page due to overflow issues, likely caused by an extra layer or component setting an unintended scroll behavior. This creates a secondary scroll bar, which affects the overall UX by adding unnecessary space and redundant scrolling.

Tourguide.-.Google.Chrome.2024-10-26.18-36-09.mp4

Expected behavior

Only one scroll bar should appear, allowing users to scroll through the page without redundancy.

Add ScreenShots/Videos

On which device are you experiencing this bug?

Chrome, Windows

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 Extended contributor
• I'm a Hacktoberfest'24 contributor
• I have starred the repository

[github-actions]

Hi @Shane-3! Thanks for opening this issue. We appreciate your contribution to this open-source project.

[Musaveershaik]

Kindly assign me this task under Hacktoberfest2024, Thanku.

[Shane-3]

I have requested for PR. Kindly review it.

[Musaveershaik]

As per Rules i Requested first, please @Shane-3 try another one all the best

[github-actions]

✅ This issue has been successfully closed. Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀