a.woopb-link small css issue

Helle there, me again 🙂

I did add in the Product Builder the Description for the Steps, it’s a little bit more text, so it shows little bit mest up: https://ibb.co/k2g7gT4

I changed the CSS like this:

.vi-wpb-wrapper .woopb-navigation {
    display: flex;
    font-size: 0;
    box-sizing: border-box;
    width: 20%;
    min-width: 20%;
    align-items: flex-end;
}

As you can see, i just added align-items: flex-end and it shows fine: https://ibb.co/yY1Kfqt

But when you open it on mobile, it shows like this: https://ibb.co/KwXpmg0

Can you give me a code which works well in mobile too? This would be great. I dont know why it shows so bad when mobile is open. Thank you 🙂