How can I adjust my header design to keep icons closer on Shopify?

[ScepticalClo]

Hey does anyone know how to fix that my login and cart icon arent so far apart see image:

thanks a lot i also have the problem when i rotate my phone on the website my header will he through my nav bar like so: (i wanna keep it in the middle when i have my phone normal!):

Webshop: scepticalclothing.com

pass: Drop2

[oscprofessional]

@ScepticalClo ,

.site-header__account, .site-header__cart {
padding: 3px;
}

@media screen and (min-device-width: 750px) and (max-device-width: 800px) { 
.site-header__logo-image img {
    margin: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[ScepticalClo]

both work thanks buddy