Why aren't the social links exactly centre on mobile?

Hi all, 

I'm trying to center my social icons on mobile. I've found a bunch of different code solutions but in each case, the icons are still slightly off to the left.

At the moment I'm using: 

@media only screen and (max-width: 640px) { 
  .social-icon-alignment-left 
  .sqs-svg-icon--list {
  text-align: center;
}
}

But I've also tried: 

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1681108921841_11189 * {
    text-align: center !important;
}
}

plus a bunch of others. 

Does anyone have any ideas as to why they are not exactly centered? 

Thanks!

URL:  https://onion-mouse-9rsa.squarespace.com/
Password: awaken

You mean Footer Icons on Mobile?

Hi @tuanphan 👋

Yes those are the ones 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
footer.sections a.email {
    margin-right: 0 !important;
}
}