From f4619e0e77413ff92778a9735849be9164fda81f Mon Sep 17 00:00:00 2001
From: Nan Yu <nan@getoutline.com>
Date: Fri, 21 Jan 2022 18:36:13 -0800
Subject: [PATCH] fix: truncate a very long team name with ellipses (#2963)

---
 app/components/Sidebar/components/TeamButton.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/components/Sidebar/components/TeamButton.tsx b/app/components/Sidebar/components/TeamButton.tsx
index b00b68147..dd35991de 100644
--- a/app/components/Sidebar/components/TeamButton.tsx
+++ b/app/components/Sidebar/components/TeamButton.tsx
@@ -58,6 +58,10 @@ const TeamName = styled.div`
   white-space: nowrap;
   text-decoration: none;
   font-size: 16px;
+
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
 `;
 
 const Wrapper = styled.div`