Social icons visible on mobile but not desktop

Site URL: https://www.gabcyriellenutrition.com/

Hi,

I injected a code on each page of my website to add social icons on the top right just under the search bar. It worked well for a few months and then I just realized they were not visible anymore on the desktop. They are visible on the mobile version though. How can I correct this issue so they are visible on desktop and mobile?

Here's the code I used.

<div class="sqs-block-content">
  
<div class="sqs-svg-icon--outer social-icon-alignment-right social-icons-color-white social-icons-size-small social-icons-shape-circle social-icons-style-knockout">
  <nav class="sqs-svg-icon--list">
    <a href="https://www.instagram.com/gabcyrielle/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="https://www.facebook.com/gabcyrielle-nutrition-350196942345429/" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="mailto:info@gabcyriellenutrition.com" target="_blank" class="sqs-svg-icon--wrapper email">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#email-icon"></use>
          <use class="sqs-use--mask" xlink:href="#email-mask"></use>
        </svg>
      </div>
    </a>
  </nav>
</div></div>

Thanks!

I see you fixed?