diff --git a/content/projects.erb b/content/projects.erb
index ab5517b..a2c28f1 100644
--- a/content/projects.erb
+++ b/content/projects.erb
@@ -22,21 +22,21 @@ order: 30
             <%= asset :img, 'apple.svg' %>
           </a>
           <div class="clear"></div>
-          <a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><%= fa('github') %></span></a>
+          <a href="https://github.com/ZeusWPI/hydra-iOS"><span class="icon"><%= fa('github') %></span> iOS</a>
         </div>
         <div class="has-text-centered">
           <a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra">
             <%= asset :img, 'google.svg' %>
           </a>
           <div class="clear"></div>
-          <a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><%= fa('github') %></span></a>
+          <a href="https://github.com/ZeusWPI/hydra-android"><span class="icon"><%= fa('github') %></span> Android</a>
         </div>
         <div class="has-text-centered">
           <a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a">
             <%= asset :img, 'windows.svg' %>
           </a>
           <div class="clear"></div>
-          <a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><%= fa('github') %></span></a>
+          <a href="https://github.com/ZeusWPI/hydra-windows"><span class="icon"><%= fa('github') %></span> Windows 10</a>
         </div>
       </div>
     </div>
@@ -46,4 +46,4 @@ order: 30
 
 <% all_projects.each do |project| %>
   <%= render '/partials/_project.erb', project: project%>
-<% end %>
\ No newline at end of file
+<% end %>
diff --git a/layouts/partials/_project.erb b/layouts/partials/_project.erb
index f98ae7b..b330cf2 100644
--- a/layouts/partials/_project.erb
+++ b/layouts/partials/_project.erb
@@ -14,7 +14,7 @@
     <div class="column">
       <p class="title"><a href="<%= project[:site] %>" target="_self"><%= project[:title] %></a></p>
       <p class="description subtitle"><%= project.compiled_content %></p>
-      <div><a href="<%= project[:github] %>">GitHub<span class="icon"><i class="fa fa-github"></i></span></a></div>
+      <div><a href="<%= project[:github] %>"><span class="icon"><%= fa('github') %></span> GitHub</a></div>
     </div>
   </article>
 </div>