[BUG] : no space at the left boundary on hovering nav elements.

[Sudhanshu2306]

Description On hovering the nav elements, when inside hamburger icon click, there is no space between text and left boundary.

Difficulty easy

To Reproduce Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Click on 'hamburger icon, when screen size is less than 768px'
3. Hover over the nav elements.
4. See error

Expected behavior When the nav elements are hovered, a clear and uniform margin is visible from all sides bottom, left and top.

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context Make sure you edit the original code to get desired expectation, do not add a lot of code from your side.