diff --git a/banquise-website/src/components/layout/Navigation.tsx b/banquise-website/src/components/layout/Navigation.tsx
index 4f4c5bb..ed0fd67 100644
--- a/banquise-website/src/components/layout/Navigation.tsx
+++ b/banquise-website/src/components/layout/Navigation.tsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { MobileMenu } from './MobileMenu';
+import banquiseServer from '/src/assets/banquise_server.svg'
 
 export const Navigation: React.FC = () => {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -43,7 +44,7 @@ export const Navigation: React.FC = () => {
               <div className="relative">
                 <div className="absolute inset-0 bg-gradient-to-r from-banquise-blue-light/20 to-banquise-blue/20 rounded-full blur-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                 <img 
-                  src="/src/assets/banquise_server.svg" 
+                  src={banquiseServer}
                   alt="Logo La Banquise" 
                   className="h-10 sm:h-12 lg:h-14 w-auto relative z-10 transition-transform duration-300 group-hover:scale-110" 
                   style={{ filter: 'drop-shadow(0 0 12px rgba(168, 218, 255, 0.4))' }}