Set max width for data classification dropdown popups (#7015)

Author: gilluminate

CHANGELOG.md

@@ -23,6 +23,7 @@ Changes can also be flagged with a GitHub label for tracking purposes. The URL o
 
 ### Changed
 - Updated promote endpoints to return MonitorActionResponse type [#7004](https://github.com/ethyca/fides/pull/7004)
+- Set max width for Action center classification dropdown [#7015](https://github.com/ethyca/fides/pull/7015)
 
 ### Developer Experience
 - Upgrade client projects to Typescript 5 [#6986](https://github.com/ethyca/fides/pull/6986)

clients/admin-ui/src/features/common/dropdown/TaxonomySelect.tsx

@@ -39,7 +39,7 @@ const TaxonomyOption = ({
         <strong>{primaryName || name}</strong>
         {primaryName && `: ${name}`}
       </div>
-      <em>{description}</em>
+      <em className="overflow-hidden text-ellipsis">{description}</em>
     </Flex>
   );
 };

clients/admin-ui/src/features/data-discovery-and-detection/action-center/fields/ClassificationSelect.tsx

@@ -71,6 +71,7 @@ const ClassificationSelect = ({
         setOpen(false);
       }}
       data-classification-select={urn}
+      popupMatchSelectWidth={600}
       {...props}
     />
   );