diff --git a/ui/index.html b/ui/index.html
index 6d9bb86f..feadf71f 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Cameleer3</title>
   </head>
diff --git a/ui/src/auth/LoginPage.tsx b/ui/src/auth/LoginPage.tsx
index f00b5dd4..a1c522bc 100644
--- a/ui/src/auth/LoginPage.tsx
+++ b/ui/src/auth/LoginPage.tsx
@@ -85,7 +85,7 @@ export function LoginPage() {
       <Card className={styles.card}>
         <div className={styles.loginForm}>
           <div className={styles.logo}>
-            <img src="/favicon.svg" alt="" className={styles.logoImg} />
+            <img src={`${config.basePath}favicon.svg`} alt="" className={styles.logoImg} />
             cameleer3
           </div>
           <p className={styles.subtitle}>{subtitle}</p>
diff --git a/ui/src/components/LayoutShell.tsx b/ui/src/components/LayoutShell.tsx
index 5ba35c20..ab38b5da 100644
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -1,4 +1,5 @@
 import { Outlet, useNavigate, useLocation } from 'react-router';
+import { config } from '../config';
 import {
   AppShell,
   Sidebar,
@@ -616,7 +617,7 @@ function LayoutContent() {
 
   // --- Render -------------------------------------------------------
   const camelLogo = (
-    <img src="/favicon.svg" alt="" style={{ width: 28, height: 24 }} />
+    <img src={`${config.basePath}favicon.svg`} alt="" style={{ width: 28, height: 24 }} />
   );
 
   const sidebarElement = (
