diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index dc89cd9..93e12ab 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -35,6 +35,11 @@ main.section {
   .nav {
     height: 100%;
     align-items: flex-end;
+
+    .nav-right.social-icons {
+        padding-left: 10px;
+    }
+
     .nav-item {
       transition: 0.2s;
 
@@ -44,6 +49,11 @@ main.section {
       &:hover {
         transition: 0.2s;
       }
+
+      &.social-icon {
+          padding-left: 5px;
+          padding-right: 5px;
+      }
     }
   }
 }
diff --git a/layouts/partials/_navbar.erb b/layouts/partials/_navbar.erb
index 0851fe1..5331dc0 100644
--- a/layouts/partials/_navbar.erb
+++ b/layouts/partials/_navbar.erb
@@ -24,28 +24,28 @@
           </form>
 
 
-          <div class="nav-right is-hidden-mobile">
-              <a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
+          <div class="nav-right is-hidden-mobile social-icons">
+              <a class="nav-item social-icon" href="https://github.com/ZeusWPI" target="_blank">
                   <span class="icon">
                     <%= fa :github %>
                   </span>
               </a>
-              <a class="nav-item" href="https://www.facebook.com/zeus.wpi/" target="_blank">
+              <a class="nav-item social-icon" href="https://www.facebook.com/zeus.wpi/" target="_blank">
                   <span class="icon">
                     <%= fa :facebook %>
                   </span>
               </a>
-              <a class="nav-item" href="/feed.xml" target="_blank">
+              <a class="nav-item social-icon" href="/feed.xml" target="_blank">
                   <span class="icon">
                     <%= fa :rss %>
                   </span>
               </a>
-              <a class="nav-item" href="/ical.ics">
+              <a class="nav-item social-icon" href="/ical.ics">
                   <span class="icon">
                     <%= fa :calendar %>
                   </span>
               </a>
-              <a class="nav-item" href="//zeus.ugent.be/wiki">
+              <a class="nav-item social-icon" href="//zeus.ugent.be/wiki">
                   <span class="icon">
                     <%= fa :'wikipedia-w' %>
                   </span>