From e82407739be51b5689172bd4f724b5c444abc83c Mon Sep 17 00:00:00 2001
From: Marie Barr-Ramsey <marie.barrramsey@wandb.com>
Date: Fri, 8 Nov 2024 11:48:32 -0800
Subject: [PATCH] updating modified dropdown styles

---
 .../src/common/components/elements/ModifiedDropdown.tsx    | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/weave-js/src/common/components/elements/ModifiedDropdown.tsx b/weave-js/src/common/components/elements/ModifiedDropdown.tsx
index 258d0a4acc1..b59932bef7e 100644
--- a/weave-js/src/common/components/elements/ModifiedDropdown.tsx
+++ b/weave-js/src/common/components/elements/ModifiedDropdown.tsx
@@ -445,9 +445,11 @@ const ModifiedDropdown: FC<ModifiedDropdownProps> = React.memo(
         </div>
       );
     };
+    console.log('passProps', passProps);
     return wrapWithDragDrop(
       <Dropdown
         {...passProps}
+        // className='ui selection dropdown custom-modified-dropdown"'
         options={displayOptions}
         lazyLoad
         selectOnNavigation={false}
@@ -507,6 +509,10 @@ export const OptionWithTooltip: React.FC<OptionWithTooltipProps> = ({text}) => {
         whiteSpace: 'nowrap',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
+        padding: '4px 8px',
+        height: '32px',
+        display: 'flex',
+        alignItems: 'center',
       }}>
       {showTooltip ? (
         <Tooltip
@@ -525,6 +531,7 @@ export const OptionWithTooltip: React.FC<OptionWithTooltipProps> = ({text}) => {
           trigger={<span>{text}</span>}
         />
       ) : (
+        // <span style={{padding: '8px', overflow: 'hidden'}}>{text}</span>
         text
       )}
     </div>