Problem with menu dropdown in mobile

Hi everyone!

So I added a dropdown in the menu bar like this:

But when I check it in the mobile version that particular element moves to the center. example:

I understand it has something to do with the flex that is applied but I don’t know how I can fix it. Does anyone have a way to fix it?

here’s the link to the site:
https://preview.webflow.com/preview/siris-academic?utm_medium=preview_link&utm_source=designer&utm_content=siris-academic&preview=c44ee6eab8600337621b51ae6e8a459a&workflow=preview

Thanks a lot in advance!

I would give your dropdown wrapper a width of 100%, then do the same to the header nav link (and that other element too so the page is responsive when “About” is selected).

Hope this helps!