From 8c0d4516301a4a3da78a3c4e0c880351433ad309 Mon Sep 17 00:00:00 2001
From: Kilu <lu@appflowy.io>
Date: Thu, 27 Jun 2024 20:11:13 +0800
Subject: [PATCH] fix: some style

---
 .../src/components/publish/outline/OutlineItem.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/appflowy_web_app/src/components/publish/outline/OutlineItem.tsx b/frontend/appflowy_web_app/src/components/publish/outline/OutlineItem.tsx
index 93f945a1f0..caf71bfb75 100644
--- a/frontend/appflowy_web_app/src/components/publish/outline/OutlineItem.tsx
+++ b/frontend/appflowy_web_app/src/components/publish/outline/OutlineItem.tsx
@@ -51,10 +51,10 @@ function OutlineItem({ view }: { view: PublishViewInfo }) {
                 notify.error(t('publish.hasNotBeenPublished'));
               }
             }}
-            className={'flex flex-1 cursor-pointer items-center gap-1'}
+            className={'flex flex-1 cursor-pointer items-center gap-1 overflow-hidden'}
           >
             <div className={'icon'}>{renderCrumbIcon(item.icon?.value || String(item.layout))}</div>
-            <div>{item.name}</div>
+            <div className={'flex-1 truncate'}>{item.name}</div>
           </div>
         </div>
       </div>