fix(ui): fixed dropdown menu content width

Author: tmccoy14

packages/ui/package.json

@@ -2,7 +2,7 @@
   "name": "@eqtylab/equality",
   "description": "EQTYLab's component and token-based design system",
   "homepage": "https://equality.eqtylab.io/",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "license": "Apache-2.0",
   "keywords": [
     "component library",

packages/ui/src/components/sort-selector/sort-selector.module.css

@@ -7,7 +7,3 @@
 .chevron-down-icon {
   @apply text-text-secondary;
 }
-
-.dropdown-menu-content {
-  min-width: var(--radix-dropdown-menu-trigger-width);
-}

packages/ui/src/components/sort-selector/sort-selector.tsx

@@ -90,7 +90,10 @@ function SortSelector({
           <ChevronDownIcon className={styles['chevron-down-icon']} />
         </Button>
       </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className={styles['dropdown-menu-content']}>
+      <DropdownMenuContent
+        align="end"
+        style={{ minWidth: 'var(--radix-dropdown-menu-trigger-width)' }}
+      >
         <DropdownMenuLabel>
           Sort
           {!isDefaultSort && (