I forced the desktop header on mobile but Title and Nav are not even

Hi friendly people. 

I forced the desktop nav on mobile for my site but there is a hairline difference in padding between the site title text and the navigation link text on mobile view. I was hoping someone could tell me what is causing it before I pull my hair out.

Thank you for any help.

https://anisette.co

password is 5678

And here is the code I'm using to force the desktop header:

/*DESKTOP HEADER ON MOBILE */ 
@media (max-width:648px) { 
.header-display-desktop
  {display: flex!important;} 
.header-display-mobile {display:none;} 
.header-burger {display:none;} 
.header-nav {
  display:flex!important;
  flex:40%!important;
  justify-content:flex-end;} 
.header-title {flex:50%!important;} 
.header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions- action--cart) 
{margin-left: 5vw!important;}
}

✌️

@Amy_Faire_ Hi! Just to make sure I understood the issue correctly, are you trying to create an even space between the header title and the navigation link items?

I apologize, I should have attached an image sooner...