diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/NavigationItem.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/NavigationItem.vue
index 5f6e635318..baa20e5e64 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/NavigationItem.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/NavigationItem.vue
@@ -7,7 +7,7 @@
                 :class="{ disabled: item.disabled }"
             >
                 <template v-if="item.icon">
-                    <i :class="`fa ${item.icon}`"></i>&nbsp;
+                    <i :class="`${item.icon}`"></i>&nbsp;
                 </template>
                 <span v-if="item.title">{{ $__(item.title) }}</span>
             </router-link>
@@ -17,7 +17,7 @@
                 :class="{ disabled: item.disabled }"
             >
                 <template v-if="item.icon">
-                    <i :class="`fa ${item.icon}`"></i>&nbsp;
+                    <i :class="`${item.icon}`"></i>&nbsp;
                 </template>
                 <span v-if="item.title">{{ $__(item.title) }}</span>
             </router-link>
@@ -27,13 +27,13 @@
                 :class="{ disabled: item.disabled }"
             >
                 <template v-if="item.icon">
-                    <i :class="`fa ${item.icon}`"></i>&nbsp;
+                    <i :class="`${item.icon}`"></i>&nbsp;
                 </template>
                 <span v-if="item.title">{{ $__(item.title) }}</span>
             </a>
             <span v-else :class="{ disabled: item.disabled }">
                 <template v-if="item.icon">
-                    <i :class="`fa ${item.icon}`"></i>&nbsp;
+                    <i :class="`${item.icon}`"></i>&nbsp;
                 </template>
                 <span class="item-last" v-if="item.title">{{
                     $__(item.title)
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/routes/erm.js b/koha-tmpl/intranet-tmpl/prog/js/vue/routes/erm.js
index cbbd10b0a1..dbd78f57f6 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/routes/erm.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/routes/erm.js
@@ -48,7 +48,7 @@ export const routes = [
             {
                 path: "/cgi-bin/koha/erm/agreements",
                 title: $__("Agreements"),
-                icon: "fa-check-circle-o",
+                icon: "fa fa-check-circle",
                 is_end_node: true,
                 children: [
                     {
@@ -79,7 +79,7 @@ export const routes = [
             {
                 path: "/cgi-bin/koha/erm/licenses",
                 title: $__("Licenses"),
-                icon: "fa-gavel",
+                icon: "fa fa-gavel",
                 is_end_node: true,
                 children: [
                     {
@@ -110,19 +110,19 @@ export const routes = [
             {
                 path: "/cgi-bin/koha/erm/eholdings",
                 title: $__("eHoldings"),
-                icon: "fa-crosshairs",
+                icon: "fa fa-crosshairs",
                 disabled: true,
                 children: [
                     {
                         path: "local",
                         title: $__("Local"),
-                        icon: "fa-map-marker",
+                        icon: "fa-solid fa-location-dot",
                         disabled: true,
                         children: [
                             {
                                 path: "packages",
                                 title: $__("Packages"),
-                                icon: "fa-archive",
+                                icon: "fa fa-archive",
                                 is_end_node: true,
                                 children: [
                                     {
@@ -161,7 +161,7 @@ export const routes = [
                             {
                                 path: "titles",
                                 title: $__("Titles"),
-                                icon: "fa-sort-alpha-asc",
+                                icon: "fa-solid fa-arrow-down-a-z",
                                 is_end_node: true,
                                 children: [
                                     {
@@ -218,13 +218,13 @@ export const routes = [
                     {
                         path: "ebsco",
                         title: $__("EBSCO"),
-                        icon: "fa-globe",
+                        icon: "fa fa-globe",
                         disabled: true,
                         children: [
                             {
                                 path: "packages",
                                 title: $__("Packages"),
-                                icon: "fa-archive",
+                                icon: "fa fa-archive",
                                 is_end_node: true,
                                 children: [
                                     {
@@ -247,7 +247,7 @@ export const routes = [
                             {
                                 path: "titles",
                                 title: $__("Titles"),
-                                icon: "fa-sort-alpha-asc",
+                                icon: "fa-solid fa-arrow-down-a-z",
                                 is_end_node: true,
                                 children: [
                                     {