How to set the icon and text in one place

I am practicing the webflow from a template and want to arrange the text (phone number) with the respective mobile icon but they are not getting aligned. I checked some videos and they suggested Flexbox but it is not working for me. If you check both the icon and phone number are not center aligned even if their parent is set to flex. Another thing is both as a whole are not aligned with the rest of the menu items. Please help.

Here is my site Read-Only: https://preview.webflow.com/preview/sam-d49714?utm_medium=preview_link&utm_source=designer&utm_content=sam-d49714&preview=89474f3e7bb5a0ce4a9a5a30b194eaf9&workflow=preview
(how to share your site Read-Only link)

Your phone number has a margin value which is pushing it off-center from the icon

hope that helps

Thanks a lot…how can i miss this simple thing lol. Thanks again.