diff --git a/src/site/_includes/components/filetree.njk b/src/site/_includes/components/filetree.njk
index 074c942..79d02fd 100644
--- a/src/site/_includes/components/filetree.njk
+++ b/src/site/_includes/components/filetree.njk
@@ -8,8 +8,8 @@
             {% elif fileOrFolder.isFolder%}
                 <div class="folder inner-folder"  x-data="{isOpen: $persist(false).as('{{currentPath}}')}" @click.stop="isOpen=!isOpen">
                     <div class="foldername-wrapper">
-                    <i x-show="isOpen" style="display: none;" class="svg-icon" icon-name="chevron-down"></i>
-                    <i x-show="!isOpen" class="svg-icon" icon-name="chevron-right"></i>
+                    <i x-show="isOpen" style="display: none;"  icon-name="chevron-down"></i>
+                    <i x-show="!isOpen"  icon-name="chevron-right"></i>
                     <span class="foldername">{{fileOrFolderName}}</span>
                     </div>
                     {% for fileOrFolderName, child in fileOrFolder %}
diff --git a/src/site/_includes/components/filetreeNavbar.njk b/src/site/_includes/components/filetreeNavbar.njk
index bf9ca64..342f7a1 100644
--- a/src/site/_includes/components/filetreeNavbar.njk
+++ b/src/site/_includes/components/filetreeNavbar.njk
@@ -1,6 +1,6 @@
 <nav class="navbar">
     <div class="navbar-inner">
-        <span style="font-size: 1.5rem; margin-right: 10px;" @click="showFilesMobile=!showFilesMobile"><i class="svg-icon" icon-name="menu"></i></span>
+        <span style="font-size: 1.5rem; margin-right: 10px;" @click="showFilesMobile=!showFilesMobile"><i  icon-name="menu"></i></span>
         {% for imp in dynamics.filetree.beforeTitle %}
             {% include imp %}
         {% endfor %}
diff --git a/src/site/_includes/components/graphScript.njk b/src/site/_includes/components/graphScript.njk
index 9299bb9..7e2d41b 100644
--- a/src/site/_includes/components/graphScript.njk
+++ b/src/site/_includes/components/graphScript.njk
@@ -173,7 +173,7 @@
             g.id = 'full-graph';
             g.classList.add('show');
             document.body.appendChild(g);
-            g.innerHTML = '<span id="full-graph-close"><i icon-name="x" class="svg-icon" aria-hidden="true"></i></span><div id="full-graph-container"></div>';
+            g.innerHTML = '<span id="full-graph-close"><i icon-name="x"  aria-hidden="true"></i></span><div id="full-graph-container"></div>';
             lucide.createIcons({
                 attrs: {
                     class: ["svg-icon"]
diff --git a/src/site/_includes/components/searchButton.njk b/src/site/_includes/components/searchButton.njk
index be64ea1..ba0fd6d 100644
--- a/src/site/_includes/components/searchButton.njk
+++ b/src/site/_includes/components/searchButton.njk
@@ -1,6 +1,6 @@
 <div class="search-button" onclick="toggleSearch()">
     <span class="search-icon">
-        <i icon-name="search" class="svg-icon"></i>
+        <i icon-name="search" ></i>
     </span>
     <span class="search-text">
         <span>Search</span>
diff --git a/src/site/_includes/components/searchContainer.njk b/src/site/_includes/components/searchContainer.njk
index 207ca1a..647f3ca 100644
--- a/src/site/_includes/components/searchContainer.njk
+++ b/src/site/_includes/components/searchContainer.njk
@@ -8,8 +8,8 @@
             </div>
 
             <div class="navigation-hint">
-                <i class="svg-icon" icon-name="arrow-up" aria-hidden="true"></i>
-                <i class="svg-icon" icon-name="arrow-down" aria-hidden="true"></i>
+                <i  icon-name="arrow-up" aria-hidden="true"></i>
+                <i  icon-name="arrow-down" aria-hidden="true"></i>
                 <span>to navigate</span>
             </div>
 
diff --git a/src/site/_includes/components/sidebar.njk b/src/site/_includes/components/sidebar.njk
index 5b8efed..4e5f6d5 100644
--- a/src/site/_includes/components/sidebar.njk
+++ b/src/site/_includes/components/sidebar.njk
@@ -22,8 +22,8 @@
                                                 <span id="depth-display"></span>
                                           </div>
                                           <div class="ctrl-right">
-                                                <span id="global-graph-btn"><i class="svg-icon" icon-name="globe" aria-hidden="true"></i></span>
-                                                <span  id="graph-fs-btn"><i class="svg-icon" icon-name="expand" aria-hidden="true"></i></span>
+                                                <span id="global-graph-btn"><i  icon-name="globe" aria-hidden="true"></i></span>
+                                                <span  id="graph-fs-btn"><i  icon-name="expand" aria-hidden="true"></i></span>
                                           </div>
                                     </div>
                               </div>
@@ -62,7 +62,7 @@
                                           {%- for backlink in graph.nodes[graph.homeAlias].backLinks -%}
                                                 {%- if graph.nodes[backlink].url != graph.homeAlias -%}
                                                 <div class="backlink-card">
-                                                      <i class="svg-icon" icon-name="link"></i> <a href="{{graph.nodes[backlink].url}}">{{graph.nodes[backlink].title}}</a>
+                                                      <i  icon-name="link"></i> <a href="{{graph.nodes[backlink].url}}">{{graph.nodes[backlink].title}}</a>
                                                 </div>
                                                 {%- endif -%}
                                           {%- endfor -%}
@@ -75,7 +75,7 @@
                                           {%- for backlink in graph.nodes[page.url].backLinks -%}
                                                 {%- if graph.nodes[backlink].url != page.url -%}
                                                 <div class="backlink-card">
-                                                      <i class="svg-icon" icon-name="link"></i> <a href="{{graph.nodes[backlink].url}}">{{graph.nodes[backlink].title}}</a>
+                                                      <i  icon-name="link"></i> <a href="{{graph.nodes[backlink].url}}">{{graph.nodes[backlink].title}}</a>
                                                 </div>
                                                 {%- endif -%}
                                           {%- endfor -%}