From 3bad0cd8b882225d43afcf2ce35350ae85b4af3c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 7 Feb 2024 14:25:09 +0800
Subject: [PATCH] Handle larger names better

---
 packages/web/components/templates/PrimaryDropdown.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/PrimaryDropdown.tsx b/packages/web/components/templates/PrimaryDropdown.tsx
index 5cbcf576b..49ec705e3 100644
--- a/packages/web/components/templates/PrimaryDropdown.tsx
+++ b/packages/web/components/templates/PrimaryDropdown.tsx
@@ -24,8 +24,6 @@ type PrimaryDropdownProps = {
 
   layout?: LayoutType
   updateLayout?: (layout: LayoutType) => void
-
-  showAddLinkModal?: () => void
 }
 
 export type HeaderDropdownAction =
@@ -68,9 +66,13 @@ const TriggerButton = (props: TriggerButtonProps): JSX.Element => {
       <SpanBox
         css={{
           display: 'flex',
-          justifyContent: 'center',
+          justifyContent: 'start',
           fontFamily: '$inter',
           fontSize: '12px',
+          maxWidth: '100px',
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap',
         }}
       >
         {props.name}
@@ -169,6 +171,7 @@ export function PrimaryDropdown(props: PrimaryDropdownProps): JSX.Element {
                   color: '$thTextContrast2',
                   m: '0px',
                   p: '0px',
+                  overflow: 'hidden',
                   textOverflow: 'ellipsis',
                   whiteSpace: 'nowrap',
                 }}