Why does the block with the icon disappear when adding a link to WhatsApp?

Question

Bootstrap

when I add a link to the href to call WhatsApp, the block disappears (it is there, but the height becomes = 0)
if you insert a link to the site or just a "grid" into the href, then everything is ok. What's wrong and what to fix?

<div class="col-md-6 col-lg-7 text-left text-md-right">
          <a class="wa-ic" href="#">
            <i class="fab fa-whatsapp fa-3x white-text mr-4"> </i>
          </a>
</div>

Answer 1

Most likely a[href="#"] is set to display:block, and a is set to display:inline. In the styles for the a selector, set display:block