diff --git a/docs/_includes/carbon.html b/docs/_includes/carbon.html
index 04364d76..e11acc06 100644
--- a/docs/_includes/carbon.html
+++ b/docs/_includes/carbon.html
@@ -1,4 +1,3 @@
-<!-- <div id="carbon" class="box">
+<div id="carbon" class="box">
   <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js"></script>
 </div>
- -->
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 3ff4ff64..f1e94929 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -76,7 +76,7 @@
 
     .title.is-2 a {
       color: #242424;
-      padding-left: 60px;
+      padding-left: 48px;
       position: relative;
     }
 
@@ -84,10 +84,10 @@
       color: #00d1b2;
     }
 
-    .title.is-2 .icon.is-large {
-      left: 0;
+    .title.is-2 .icon.is-medium {
+      left: 8px;
       position: absolute;
-      top: -1px;
+      top: 10px;
     }
 
     .hero .title.is-2 a {
diff --git a/docs/index.html b/docs/index.html
index b9654a17..62403642 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -91,7 +91,7 @@ route: index
   <div class="container">
     <h3 class="title is-2">
       <a href="{{ site.url }}/documentation/grid/columns">
-        <span class="icon is-large">
+        <span class="icon is-medium">
           <i class="fa fa-pause"></i>
         </span>
         Simple <strong>columns</strong>
@@ -189,7 +189,7 @@ route: index
   <div class="container">
     <h3 class="title is-2">
       <a href="{{ site.url }}/documentation/grid/tiles">
-        <span class="icon is-large">
+        <span class="icon is-medium">
           <i class="fa fa-th-large"></i>
         </span>
         Magic <strong>tiles</strong>
@@ -281,7 +281,7 @@ route: index
   <div class="container">
     <h3 class="title is-2">
       <a href="{{ site.url }}/documentation/components/level/">
-        <span class="icon is-large">
+        <span class="icon is-medium">
           <i class="fa fa-arrows-h"></i>
         </span>
         Flexible <strong>horizontal level</strong>
@@ -345,7 +345,7 @@ route: index
       <div class="column">
         <h3 class="title is-2">
           <a href="{{ site.url }}/documentation/components/media-object/">
-            <span class="icon is-large">
+            <span class="icon is-medium">
               <i class="fa fa-magic"></i>
             </span>
             Versatile <strong>media object</strong>
@@ -406,7 +406,7 @@ route: index
     <div class="container has-text-centered">
       <h3 class="title is-2">
         <a href="{{ site.url }}/documentation/layout/hero/">
-          <span class="icon is-large">
+          <span class="icon is-medium">
             <i class="fa fa-arrows-v"></i>
           </span>
           Easy <strong>vertical centering</strong> in <strong>fullscreen</strong>
@@ -433,7 +433,7 @@ route: index
       <div class="column">
         <h3 class="title is-2">
           <a href="{{ site.url }}/documentation/modifiers/syntax/">
-            <span class="icon is-large">
+            <span class="icon is-medium">
               <i class="fa fa-cogs"></i>
             </span>
             Compose your element with <strong>modifier</strong> classes
@@ -477,7 +477,7 @@ route: index
   <div class="container">
     <h3 class="title is-2">
       <a href="{{ site.url }}/documentation/elements/box/">
-        <span class="icon is-large">
+        <span class="icon is-medium">
           <i class="fa fa-asterisk"></i>
         </span>
         And all the usual <strong>elements</strong>