[Bug]: Navbar is distorted due to addition of "Irrigation system" and needs to be fixed

[rebornstar1]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The navigation bar has become distorted after the addition of a new item labeled "Irrigation system." This distortion affects the layout, causing the navbar to either overflow, wrap in an unintended manner, or break its original alignment. The issue likely arises due to insufficient space for the new label, improper handling of dynamic content, or CSS styling conflicts. The navbar should be adjusted to properly accommodate the new item without disrupting the overall design and user experience.

Expected behavior

The navbar should maintain its original alignment and styling, even with the addition of the "Irrigation system" item.
It should be responsive across different screen sizes and not break or overflow the layout.

Add ScreenShots

Before

After

On which device are you experiencing this bug?

No response

Record

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

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[github-actions]

Hello @rebornstar1! Your issue #171 has been closed. Thank you for your contribution!