How can I align icons with text in the Shella theme?

[amazezones]

Hey!

I've been looking for a fix for this problem for a while now. As you can see in the picture down below, my icons are positioned higher then the text, even though when I'm editing the page the icons are positioned properly. Do you guys know how to fix this and make the center of the icons align with the center of the sentences? (I'm using the Shella theme)

code:

<meta charset="UTF-8">
<div class="popup-services__head d-flex align-items-center mb-10" data-mce-fragment="1">
<p class="m-0" data-mce-fragment="1"><span style="color: #000000;">Have a question? You may find an answer in our <span style="color: #b3b3b3;"><a href="/pages/FAQs" style="color: #42bbec;" data-mce-fragment="1" data-mce-style="color: #42bbec;" data-mce-href="/pages/FAQs">FAQs</a>.</span>&nbsp;Have more questions? We're here to help.</span></p>
</div>
<meta charset="UTF-8"> <br><i class="mr-10 colorize-theme-primary-f-ins" data-mce-fragment="1">[icon:theme-210] </i><span style="color: #000000;"><a href="https://www.instagram.com/ohwantedstudio/" data-mce-fragment="1" style="color: #000000;" data-mce-href="https://www.instagram.com/ohwantedstudio/">ohWantedStudio</a> </span><br><i class="mr-10 colorize-theme-primary-f-ins" data-mce-fragment="1">[icon:theme-329]<span color="#00aaff" data-mce-fragment="1"><span data-mce-fragment="1">&nbsp; <a href="https://aaawhats.com/web.com/971586561943" data-mce-fragment="1" data-mce-href="https://aaawhats.com/web.com/971586561943">WhatsApp</a></span></span></i> <br><i class="mr-10 colorize-theme-primary-f-ins" data-mce-fragment="1">[icon:theme-159]</i><span style="color: #000000;"><a href="mailto:support@ohwantedstudio.com" data-mce-fragment="1" style="color: #000000;" data-mce-href="mailto:support@ohwantedstudio.com">Send us an email</a> </span><br><span style="color: #000000;"></span>

[Moeed]

Hey @amazezones 

Could you share your store URL and Password if enabled?

[amazezones]

https://www.ohwantedstudio.com/

its in the footer