Padding between social media icons on site header

Site URL: http://howwhimsyworks.com

I'm trying to figure out how to minimize the padding between the individual social icons on my site header. I like the padding between the center links, but the icons on the left are too far apart. Thanks in advance!

Add to Home > Design > Custom CSS

.header-actions-action.header-actions-action--social a {
    margin-left: 10px !important;
}