diff --git a/front/src/NavBarSearch.vue b/front/src/NavBarSearch.vue
index 7ce1ffe..c105b24 100644
--- a/front/src/NavBarSearch.vue
+++ b/front/src/NavBarSearch.vue
@@ -18,7 +18,9 @@
       </div>
       <div class="control">
         <button @click="onSearchClick()" class="button">
-          <span class="icon icon-search" title="Search"></span>
+          <span class="icon" title="Search">
+            <b-icon-search />
+          </span>
         </button>
       </div>
     </div>
diff --git a/front/src/main.js b/front/src/main.js
index 65de129..54a3d5d 100644
--- a/front/src/main.js
+++ b/front/src/main.js
@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import { createI18n } from "vue-i18n";
 import { createPinia } from 'pinia'
+import { BootstrapIconsPlugin } from "bootstrap-icons-vue";
 import { router } from './router.js'
 import App from './App.vue'
 
@@ -18,4 +19,4 @@ const i18n = createI18n({
 
 const pinia = createPinia()
 
-createApp(App).use(i18n).use(pinia).use(router).mount('#app')
+createApp(App).use(i18n).use(pinia).use(BootstrapIconsPlugin).use(router).mount('#app')