From acb629919b0d3f9bdf330e42710bfc73ed32a4e6 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 8 Jun 2024 19:55:25 -0700
Subject: [PATCH] Set max dropdown width

---
 src-web/components/core/Dropdown.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src-web/components/core/Dropdown.tsx b/src-web/components/core/Dropdown.tsx
index aa134a57..3aebaede 100644
--- a/src-web/components/core/Dropdown.tsx
+++ b/src-web/components/core/Dropdown.tsx
@@ -373,6 +373,7 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle'>, MenuPro
       right: onRight ? docRect.width - triggerShape.right : undefined,
       left: !onRight ? triggerShape.left : undefined,
       minWidth: fullWidth ? triggerWidth : undefined,
+      maxWidth: '25rem',
     };
     const size = { top: '-0.2rem', width: '0.4rem', height: '0.4rem' };
     const triangleStyles = onRight
@@ -543,14 +544,7 @@ function MenuItem({ className, focused, onFocus, item, onSelect, ...props }: Men
       )}
       {...props}
     >
-      <div
-        className={classNames(
-          // Add padding on right when no right slot, for some visual balance
-          !item.rightSlot && 'pr-4',
-        )}
-      >
-        {item.label}
-      </div>
+      <div className={classNames('truncate')}>{item.label}</div>
     </Button>
   );
 }