bug: Nav Bar Items are misaligned

[ThilakReddyy]

Describe the bug The ui elements are misaligned not the same as mentioned in hte figma file

To Reproduce Steps to reproduce the behavior:

1. Login to the account
2. Observe the nav bar
3. The Nav bar is misaligned for larger screens and also for the smaller screens

Expected behavior The Nav Bar should Be as per the figma design

Screenshots or GIFs

Info (please complete the following information):

• Firefox, Safari, chrome

Additional context Add any other context about the problem here.