diff --git a/theme/static/src/scss/footer.scss b/theme/static/src/scss/footer.scss
index ea7a041..48397d8 100644
--- a/theme/static/src/scss/footer.scss
+++ b/theme/static/src/scss/footer.scss
@@ -28,12 +28,11 @@ footer {
   }
 
   .social {
-    margin: 0;
-    padding: 7px;
-    font-size: 23px;
+    margin-bottom: 25px;
+    margin-top: 0;
 
     a {
-      margin: 0 4px;
+      margin: 0 5px;
       color: $white;
 
       &:hover {
diff --git a/theme/templates/extras/footer.html b/theme/templates/extras/footer.html
index 7bbdfa1..5690673 100644
--- a/theme/templates/extras/footer.html
+++ b/theme/templates/extras/footer.html
@@ -2,11 +2,11 @@
   <div class="container">
     <div class="row">
       <div class="col-xs-12">
-        <p class="social">
+        <h2 class="social">
           {% for link in FOOTER_LINKS %}
-            <a href="{{ link.url }}" alt="{{ link.key }}" class="footer-link"><i class="fa {{ link.icon }}"></i></a>
+            <a href="{{ link.url }}" class="footer-link"><i class="fa {{ link.icon }}"></i></a>
           {% endfor %}
-        </p>
+        </h2>
       </div>
     </div>
     <div class="row">