diff --git a/src/routes/chat/ChannelChat/index.tsx b/src/routes/chat/ChannelChat/index.tsx
index 5745314c..b6b60c86 100644
--- a/src/routes/chat/ChannelChat/index.tsx
+++ b/src/routes/chat/ChannelChat/index.tsx
@@ -119,7 +119,7 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
           <GoBackNav />
           <div className="flex items-center gap-1">
             <ChannelIcon personal={!is_public} />
-            <span className="text-gray-800 dark:text-white">{name}</span>
+            <span className="text-gray-800 dark:text-white whitespace-nowrap">{name}</span>
             <span className="ml-2 text-gray-500 hidden md:block">{description}</span>
           </div>
         </header>
diff --git a/src/routes/chat/GuestChannelChat/index.tsx b/src/routes/chat/GuestChannelChat/index.tsx
index b7ba2dbe..e34dffa2 100644
--- a/src/routes/chat/GuestChannelChat/index.tsx
+++ b/src/routes/chat/GuestChannelChat/index.tsx
@@ -28,7 +28,7 @@ export default function GuestChannelChat({ cid = 0 }: Props) {
           <GoBackNav />
           <div className="flex items-center gap-1">
             <ChannelIcon personal={!is_public} />
-            <span className="text-gray-800 dark:text-white">{name}</span>
+            <span className="text-gray-800 dark:text-white whitespace-nowrap">{name}</span>
             <span className="ml-2 text-gray-500 hidden md:block ">{description}</span>
           </div>
         </header>