diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 3c65c52..01650de 100644
Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ
diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index a9e0f79..645e677 100644
Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ
diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index 97c1008..1d8fe34 100644
Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ
diff --git a/src/scss/cdb-components/step.scss b/src/scss/cdb-components/step.scss
index 8e375dc..b98f120 100644
--- a/src/scss/cdb-components/step.scss
+++ b/src/scss/cdb-components/step.scss
@@ -15,7 +15,9 @@
         <p class="u-uppercase u-color-cTypo3 CDB-FontSize-small u-bSpace--m">Heatmap</p>
       </div>
 
-      <i class="CDB-Step-action CDB-IconFont CDB-IconFont-arrowMenuLight Size-large u-color-cBlue"></i>
+      <div class="CDB-Shape">
+        <div class="CDB-ArrowToogle is-blue is-small is-down"></div>
+      </div>
     </div>
   </li>
   <li class="u-bSpace-xxxl">
@@ -27,7 +29,9 @@
         <p class="u-uppercase u-color-cTypo3 CDB-FontSize-small u-bSpace--m">None</p>
       </div>
 
-      <i class="CDB-Step-action CDB-IconFont CDB-IconFont-arrowMenuLight Size-large u-color-cBlue"></i>
+      <div class="CDB-Shape">
+        <div class="CDB-ArrowToogle is-blue is-small is-down"></div>
+      </div>
     </div>
   </li>
   <li class="u-bSpace-xxxl">
@@ -40,7 +44,9 @@
         <p class="u-color-cTypo3 CDB-FontSize-medium">Distribution of a numeric variable in a range</p>
       </div>
 
-      <i class="CDB-Step-action CDB-IconFont CDB-IconFont-arrowMenuLight Size-large u-color-cBlue"></i>
+      <div class="CDB-Shape">
+        <div class="CDB-ArrowToogle is-blue is-small is-down"></div>
+      </div>
     </div>
   </li>
 </ol>