Header main area alignment issues

Take a look at my site and at the top you’ll see a menu bar (Latest, Gradle Tutorials…).

This bar has a margin left which is misaligning it with the image above. Here is the problematic css.

@media (min-width: 769px)
.tg-site-header--left .tg-block--two {
    margin-left: 4em;
}

I have not found any option to resolve this in the Zakra theme customisation options.

I also had to add this custom css in order to prevent all menu items aligning right.

.tg-primary-menu>div>ul {
	justify-content: flex-start;
}

(default is flex-right)

Thank you in advance. Tom

P.S. I recently updated the theme and then this issue started happening

The page I need help with: [log in to see the link]