From a25faa334adee4319d9f06ed1e9adee9bd00a1f8 Mon Sep 17 00:00:00 2001
From: Nite Knite <nkCoding@gmail.com>
Date: Sun, 7 Dec 2025 20:36:10 +0800
Subject: [PATCH] fix: hide supplementary text for platform logo properly in
 Safari (#29238)

---
 web/app/components/header/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>
   )