diff --git a/web/app/components/header/index.tsx b/web/app/components/header/index.tsx
index e43a8bfa25..77d2258c48 100644
--- a/web/app/components/header/index.tsx
+++ b/web/app/components/header/index.tsx
@@ -45,7 +45,8 @@ const Header = () => {
 
   const renderLogo = () => (
     <h1>
-      <Link href="/apps" className='flex h-8 shrink-0 items-center justify-center px-0.5 indent-[-9999px]'>
+      <Link href="/apps" className='flex h-8 shrink-0 items-center justify-center overflow-hidden whitespace-nowrap px-0.5 indent-[-9999px]'>
+        {isBrandingEnabled && systemFeatures.branding.application_title ? systemFeatures.branding.application_title : 'Dify'}
         {systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
           ? <img
             src={systemFeatures.branding.workspace_logo}
@@ -53,7 +54,6 @@ const Header = () => {
             alt='logo'
           />
           : <DifyLogo />}
-        {isBrandingEnabled && systemFeatures.branding.application_title ? systemFeatures.branding.application_title : 'dify'}
       </Link>
     </h1>
   )