diff --git a/docs/dev/04_materialize_templates.rst b/docs/dev/04_materialize_templates.rst
index b997c32f293e6268a2deae5b69001abaf9a84e10..b49677252af51905bf46084f42eb6a5811f173d7 100644
--- a/docs/dev/04_materialize_templates.rst
+++ b/docs/dev/04_materialize_templates.rst
@@ -56,13 +56,13 @@ Furthermore, you can use tabs with integrated icons that are higher, but more co
         <ul class="tabs tabs-transparent tabs-icons tabs-fixed-width">
             <li class="tab">
                 <a href="#test1">
-                    <i class="material-icons">speaker_notes</i>
+	            <i class="material-icons iconify" data-icon="mdi:speaker_notes"></i>
                     Test 1
                 </a>
             </li>
             <li class="tab">
                 <a href="#test2">
-                    <i class="material-icons">people</i>
+                    <i class="material-icons iconify" data-icon="mdi:people"></i>
                     Test 2
                 </a>
             </li>