Navbar section of the website looks disproportionate in light mode.

**Is your feature request related to a problem? Please describe.**
Hello, I noticed that the navbar section of the PetMe website looks disproportionate in light mode. Specifically, the light button looks oversized compared to the other components of the navbar, which makes the navbar look unbalanced and less visually appealing.

**Describe the solution you'd like**
I would like to suggest resizing the light button and adjusting the layout of the other components in the navbar to create a more balanced and visually appealing design. This could include making the light button smaller and adjusting the font size of the other components to better match the size of the button.

**Describe alternatives you've considered**
I have considered alternative solutions such as changing the color or position of the light button, but I believe that resizing the button and adjusting the layout of the other components would create the best overall design.

**Additional context**
I have attached a screenshot of the navbar in light mode to illustrate the problem and show how the suggested changes would improve the design. Please let me know if you have any questions or concerns about these proposed changes. Thank you for your time and consideration.