Logo on sticky navigation distorted

Hi there!

I'm using sticky nav and I need to display the logo there at same size and position than the one on regular header.

Following the instructions I found here https://docs.generatepress.com/article/navigation-as-a-header/ the first problem I've found is the logo is distorted. I've also tried with a square one just to check if the problem was the proportion, but same happened.

I've used this css in order to fix it, with no success:

.site-logo.sticky-logo .header-image {
    width: auto;
}

Please, can you help me?

Thanks!