diff --git a/front/src/AppNavBar.vue b/front/src/AppNavBar.vue
index 02337ab..09539af 100644
--- a/front/src/AppNavBar.vue
+++ b/front/src/AppNavBar.vue
@@ -3,7 +3,6 @@
   import { useRouter, RouterLink } from 'vue-router'
   import NavBarSearch from './NavBarSearch.vue'
   import { useAuthStore } from './auth.store.js'
-  import Modal from './Modal.vue'
 
   const authStore = useAuthStore();
   const router = useRouter();
diff --git a/front/src/Modal.vue b/front/src/BarcodeModal.vue
similarity index 100%
rename from front/src/Modal.vue
rename to front/src/BarcodeModal.vue
diff --git a/front/src/NavBarSearch.vue b/front/src/NavBarSearch.vue
index 6e03b63..ffdc9d1 100644
--- a/front/src/NavBarSearch.vue
+++ b/front/src/NavBarSearch.vue
@@ -1,7 +1,7 @@
 <script setup>
   import { ref } from 'vue'
   import { useRouter } from 'vue-router'
-  import Modal from './Modal.vue'
+  import BarcodeModal from './BarcodeModal.vue'
 
   const searchterm = ref("");
   const router = useRouter();
@@ -39,7 +39,7 @@
           </span>
         </button>
       </div>
-      <Modal v-if="!isMobile"/>
+      <BarcodeModal v-if="!isMobile"/>
     </div>
   </div>
 </template>