diff --git a/web/packages/design/src/ThemeProvider/index.tsx b/web/packages/design/src/ThemeProvider/index.tsx
index 59e10f02012d4..b3b8b45a8c2b1 100644
--- a/web/packages/design/src/ThemeProvider/index.tsx
+++ b/web/packages/design/src/ThemeProvider/index.tsx
@@ -65,14 +65,18 @@ export function getPrefersDark(): boolean {
 }
 
 export function updateFavicon() {
+  let base = '/web/app/';
+  if (import.meta.env.MODE === 'development') {
+    base = '/app/';
+  }
   const darkModePreferred = getPrefersDark();
   const favicon = document.querySelector('link[rel="icon"]');
 
   if (favicon instanceof HTMLLinkElement) {
     if (darkModePreferred) {
-      favicon.href = '/app/favicon-dark.png';
+      favicon.href = base + 'favicon-dark.png';
     } else {
-      favicon.href = '/app/favicon-light.png';
+      favicon.href = base + 'favicon-light.png';
     }
   }
 }