Fixed responsiveness issue of toolbar

[vishanurag]

Issue Title: #488

closes #488

Type of change ☑️

What sort of change have you made:

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Code style update (formatting, local variables)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist: ☑️

• [x] My code follows the guidelines of this project.
• [x] I have performed a self-review of my own code.
• [x] I have commented my code, particularly wherever it was hard to understand.
• [x] I have made corresponding changes to the documentation.
• [x] My changes generate no new warnings.
• [x] I have added things that prove my fix is effective or that my feature works.
• [x] Any dependent changes have been merged and published in downstream modules.

How Has This Been Tested? ⚙️

• I have made the changes and tested on my local machine.

Before

After

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
draw-it-out	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 25, 2024 10:02am
draw-it-out-zbd1	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 25, 2024 10:02am

[vishanurag]

@singodiyashubham87 sir please review and merge my PR under GSSoC'24