Пытаться, чтобы мои социальные ссылки оставались неподвижными при наведении на них курсора

Всякий раз, когда я нахожу на своем веб-сайте ссылки на социальные сети, они смещаются влево. Это началось после того, как я заставил работать функцию scrollToggle в jQuery, поэтому я чувствую, что это может иметь какое-то отношение к этому. Кто-нибудь знает, как я могу сделать так, чтобы они могли оставаться на месте при зависании? Заранее спасибо.

jQuery code:

$(document).ready(function(){
        $("#slide").hide();
        $("#contact").click(function() {
           $(".socials").show();
           $("#slide").slideToggle("slow");
     });      
  });

Остальная часть кода / примера веб-сайта (нажмите «Контакт», а затем наведите указатель мыши на любую из социальных ссылок. Вы должны заметить, что она смещается влево). https://jsfiddle.net/Lc2ob45x/