diff --git a/pgml-dashboard/src/components/breadcrumbs/template.html b/pgml-dashboard/src/components/breadcrumbs/template.html
index 47c100909..d4c3c1515 100644
--- a/pgml-dashboard/src/components/breadcrumbs/template.html
+++ b/pgml-dashboard/src/components/breadcrumbs/template.html
@@ -14,7 +14,7 @@
     <ol class="breadcrumb">
       <li class="breadcrumb-item body-regular-text <% if links.is_empty() {%>active<% } %>">
         <a class="d-flex gap-2 align-items-center" href="<%- home_uri %>">
-          <span class="icon-owl"></span>
+          <span class="icon-owl icomoon"></span>
           Home
         </a>
       </li>
diff --git a/pgml-dashboard/src/components/navigation/navbar/web_app/template.html b/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
index 51aa12c73..32b330e9f 100644
--- a/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
+++ b/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
@@ -15,7 +15,7 @@
         <button class="navbar-toggler collapsed top-nav-controls" type="button" data-bs-toggle="collapse" data-bs-target="#leftNavItems" aria-controls="LeftNavItems" aria-expanded="false" aria-label="Toggle navigation">
 
           <div class="mobile-left-nav-controls rounded-1 p-2 d-flex">
-            <span class="icon-owl text-white mx-1"></span>
+            <span class="icon-owl icomoon text-white mx-1"></span>
           </div>
         </button>
 
@@ -143,7 +143,7 @@
                   <a 
                     class="py-2 text-white w-100 text-center d-flex gap-2 ps-4 justify-content-center <% if link.disabled  { %> disabled <% } %> <% if link.active { %> active <% } %>"
                     href="<% if !link.disabled { %> <%= link.href %> <% } %>">
-                    <span class="icon-owl" style="line-height: unset;"></span>
+                    <span class="icon-owl icomoon" style="line-height: unset;"></span>
                     <%= link.name %>
                   </a>
                 </li>
diff --git a/pgml-dashboard/static/css/scss/components/_icon.scss b/pgml-dashboard/static/css/scss/components/_icon.scss
index eb6651f82..df97d45d1 100644
--- a/pgml-dashboard/static/css/scss/components/_icon.scss
+++ b/pgml-dashboard/static/css/scss/components/_icon.scss
@@ -155,7 +155,7 @@
     right: 0;
 }
 
-[class^="icon-"], [class*=" icon-"] {
+.icomoon {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'icomoon' !important;
     speak: never;