Describe the bug
A clear and concise description of what the bug is.
The GitHub pages website(https://vinitshahdeo.github.io/Water-Monitoring-System/) has some text overflow in the navbar header.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://vinitshahdeo.github.io/Water-Monitoring-System/'
2. See the header

Expected behavior
A clear and concise description of what you expected to happen.
There shouldn't be any text overflow in the header.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.
Try to add a logo as well in the header or any other creative suggestion for the header is most welcome.