Truncated Footer Social Media Icon

Hey Guys,
Quick question, I have just resized my social media icons on my site for both the header and the footer.
The header looks perfect, but on the footer, it looks truncated.
I am using the following css code:

#top .social_bookmarks li a {
width: 200px;
line-height: 50px;
min-height: 50px;
font-size: 30px;
}

#top .social_bookmarks li {
height: 100%;
width: 50px;
}

.main_menu ul:first-child > li > a { font-size: 16px; }

#header_meta{
min-height: 50px;}

@media only screen and (min-width: 768px) {
#menu-top-menu {
margin-top: 30px;
margin-left: -180px;
}
}

#socket .container { padding: 40px 0; }

Any ideas?