Adjusting Spacing in custom vertical Navbar

Site URL: https://hawk-dove-hw5t.squarespace.com/

Hi everyone!
I'm having issues finding code to be able to play with the spacing between my page titles on the Navbar (see photo attached).

I've tried modifying within my Design tab in squarespace but no luck, so turning to find some css code to do so.
My template did not have a vertical navbar, I have added code to do so which I got from the following website:
https://www.rebeccagracedesigns.com/blog/vertical-navigation-squarespace-7-1

Would appreciate any help for this, would love to go live asap!

Thanks!

Which spacing? Can you hightlight in screenshot?

Hi Tuanphan!
In the image I posted previously, I've circled in red (Home Work About Contact).
There's also a weird ' | ' that appears between the Home and Work buttons...
I look forward to hearing your thoughts!

Add to Home > Design > Custom CSS

/* remove line */
.header-nav-item--active a {
    background-image: none !important;
}
/* spacing */
.header-nav-item {
    margin-bottom: 1vw;
}