How can I adjust header spacing for better logo and login placement?

Hello I would like to fix the spacing in my heading so that the second logo spans two rows and sits right next to the main logo, and then maybe set the spacing of the login/sign up so that they look a little better and take up the same area. Here is a picture of what it looks like now, and here is my shopify store, https://biggers-market.myshopify.com/

Hi @BB_Tech

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

@media screen and (min-width: 990px) {
.header--middle-left {
    grid-template-columns: auto !important;
    column-gap: 1rem;
}
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly