diff --git a/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java b/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java
index 909bad49..384b42c3 100644
--- a/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java
+++ b/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java
@@ -95,6 +95,7 @@ public class SecurityConfig {
                                 "/index.html",
                                 "/config.js",
                                 "/favicon-*.png",
+                                "/cameleer3-logo-*.png",
                                 "/assets/**"
                         ).permitAll()
 
diff --git a/ui/public/cameleer3-logo-192.png b/ui/public/cameleer3-logo-192.png
new file mode 100644
index 00000000..fe9c65ef
Binary files /dev/null and b/ui/public/cameleer3-logo-192.png differ
diff --git a/ui/public/cameleer3-logo-48.png b/ui/public/cameleer3-logo-48.png
new file mode 100644
index 00000000..01aa924b
Binary files /dev/null and b/ui/public/cameleer3-logo-48.png differ
diff --git a/ui/src/auth/LoginPage.tsx b/ui/src/auth/LoginPage.tsx
index 2242c906..5690be48 100644
--- a/ui/src/auth/LoginPage.tsx
+++ b/ui/src/auth/LoginPage.tsx
@@ -4,7 +4,6 @@ import { useAuthStore } from './auth-store';
 import { api } from '../api/client';
 import { config } from '../config';
 import { Card, Input, Button, Alert, FormField } from '@cameleer/design-system';
-import brandLogo from '@cameleer/design-system/assets/cameleer3-192.png';
 import styles from './LoginPage.module.css';
 
 interface OidcInfo {
@@ -132,7 +131,7 @@ export function LoginPage() {
       <Card className={styles.card}>
         <div className={styles.loginForm}>
           <div className={styles.logo}>
-            <img src={brandLogo} alt="" className={styles.logoImg} />
+            <img src={`${config.basePath}cameleer3-logo-192.png`} 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 c4264cca..cd8da905 100644
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -16,7 +16,6 @@ import {
   useStarred,
 } from '@cameleer/design-system';
 import type { SearchResult, SidebarTreeNode } from '@cameleer/design-system';
-import sidebarLogo from '@cameleer/design-system/assets/cameleer3-48.png';
 import { Box, Settings, FileText, ChevronRight, Square, Pause, Star, X } from 'lucide-react';
 import { useQueryClient } from '@tanstack/react-query';
 import { useRouteCatalog } from '../api/queries/catalog';
@@ -626,7 +625,7 @@ function LayoutContent() {
 
   // --- Render -------------------------------------------------------
   const camelLogo = (
-    <img src={sidebarLogo} alt="" style={{ width: 28, height: 28 }} />
+    <img src={`${config.basePath}cameleer3-logo-48.png`} alt="" style={{ width: 28, height: 28 }} />
   );
 
   const sidebarElement = (