diff --git a/web/app/components/header/nav/nav-selector/index.tsx b/web/app/components/header/nav/nav-selector/index.tsx
index f6108661da..5e9242a841 100644
--- a/web/app/components/header/nav/nav-selector/index.tsx
+++ b/web/app/components/header/nav/nav-selector/index.tsx
@@ -77,7 +77,9 @@ const NavSelector = ({ curNav, navs, createText, onCreate, onLoadmore }: INavSel
                         <Indicator />
                       </div>
                     </div>
-                    {nav.name}
+                    <div className='truncate'>
+                      {nav.name}
+                    </div>
                   </div>
                 </Menu.Item>
               ))