Pinterest Icon Won't Stop Changing

We recently added the following code from Pinterest to make a pinterest button appear when a user hovers over an image on our site, PantrySpa.com:

<?php if ( !is_home() && !is_archive() ) { ?>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async defer  data-pin-color="red" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
<?php }?>

However, this seems to have changed the pinterest social media everywhere on our website (such as at the beginning of our posts / articles)... How do we make the Pinterest hover over icon not replace the look of the pinterest icons elsewhere on our website? I am attaching a screenshot to show what the social media bar looked like (before adding the pinterest button on hover over)... and what it looks like now (after adding the hover over code).

If it helps, I have granted support access via the wpmu plugin.

Thanks for your help!