diff --git a/frontend/app/ui/BrandingFavicon.tsx b/frontend/app/ui/BrandingFavicon.tsx
index 0a334d8..f4eb6ae 100644
--- a/frontend/app/ui/BrandingFavicon.tsx
+++ b/frontend/app/ui/BrandingFavicon.tsx
@@ -4,12 +4,11 @@ import { useEffect } from 'react'
 
 export default function BrandingFavicon() {
   useEffect(() => {
-    const href = '/branding-icon.svg'
+    const href = '/api/branding/favicon.ico'
     let link = document.querySelector("link[rel='icon']") as HTMLLinkElement | null
     if (!link) {
       link = document.createElement('link')
       link.rel = 'icon'
-      link.type = 'image/svg+xml'
       document.head.appendChild(link)
     }
     link.href = href
diff --git a/frontend/app/ui/BrandingLogo.tsx b/frontend/app/ui/BrandingLogo.tsx
index 5f0092e..f442e13 100644
--- a/frontend/app/ui/BrandingLogo.tsx
+++ b/frontend/app/ui/BrandingLogo.tsx
@@ -7,7 +7,7 @@ export default function BrandingLogo({ className, alt = 'Magent logo' }: Brandin
   return (
     <img
       className={className}
-      src="/branding-logo.svg"
+      src="/api/branding/logo.png"
       alt={alt}
     />
   )