diff --git a/jade/page-contents/navbar_content.html b/jade/page-contents/navbar_content.html
index fc7534d05b..a93d1b787a 100644
--- a/jade/page-contents/navbar_content.html
+++ b/jade/page-contents/navbar_content.html
@@ -272,7 +272,7 @@ <h2 class="header">Search Bar</h2>
               <div class="input-field">
                 <input id="search" type="search" required>
                 <label for="search"><i class="material-icons">search</i></label>
-                <i class="material-icons">close</i>
+                <i class="mdi-navigation-close close"></i>
               </div>
             </form>
           </div>
@@ -288,7 +288,7 @@ <h2 class="header">Search Bar</h2>
         &lt;div class="input-field">
           &lt;input id="search" type="search" required>
           &lt;label for="search">&lt;i class="material-icons">search&lt;/i>&lt;/label>
-          &lt;i class="material-icons">close&lt;/i>
+          &lt;i class="mdi-navigation-close close">&lt;/i>
         &lt;/div>
       &lt;/form>
     &lt;/div>
diff --git a/navbar.html b/navbar.html
index 9b411bf1fe..c4d9839817 100644
--- a/navbar.html
+++ b/navbar.html
@@ -375,7 +375,7 @@ <h2 class="header">Search Bar</h2>
               <div class="input-field">
                 <input id="search" type="search" required>
                 <label for="search"><i class="material-icons">search</i></label>
-                <i class="material-icons">close</i>
+                <i class="mdi-navigation-close close"></i>
               </div>
             </form>
           </div>
@@ -391,7 +391,7 @@ <h2 class="header">Search Bar</h2>
         &lt;div class="input-field">
           &lt;input id="search" type="search" required>
           &lt;label for="search">&lt;i class="material-icons">search&lt;/i>&lt;/label>
-          &lt;i class="material-icons">close&lt;/i>
+          &lt;i class="mdi-navigation-close close">&lt;/i>
         &lt;/div>
       &lt;/form>
     &lt;/div>