diff --git a/web/hooks/use-document-title.ts b/web/hooks/use-document-title.ts
index 2c848a1f56..23789129d0 100644
--- a/web/hooks/use-document-title.ts
+++ b/web/hooks/use-document-title.ts
@@ -1,6 +1,7 @@
 'use client'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useFavicon, useTitle } from 'ahooks'
+import { basePath } from '@/utils/var'
 
 export default function useDocumentTitle(title: string) {
   const isPending = useGlobalPublicStore(s => s.isGlobalPending)
@@ -15,7 +16,7 @@ export default function useDocumentTitle(title: string) {
     }
     else {
       titleStr = `${prefix}Dify`
-      favicon = '/favicon.ico'
+      favicon = `${basePath}/favicon.ico`
     }
   }
   useTitle(titleStr)