styles: fix dropdown sorting styles (#238)

ui/src/components/core/combobox/dropdown.tsx

@@ -96,7 +96,7 @@ const DropdownButton: React.FC<DropdownButtonProps> = ({
         {selectedValue && selectedValue.label ? selectedValue.label : 'Select'}
       </span>
       <span
-        className={`pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4 ${textColorCss}`}
+        className={`pointer-events-none absolute top-1 bottom-0 right-0 flex items-center pr-4 ${textColorCss}`}
       >
         <Icon name="chevron-down" />
       </span>
@@ -172,7 +172,7 @@ export const Dropdown: React.FC<DropdownProps> = ({
             leaveTo="opacity-0"
           >
             <Listbox.Options
-              className={`absolute mt-1 max-h-32 ${width} right-0 z-10 overflow-auto rounded-xl bg-black px-3 pt-2 border-solid  border-slate6  border text-base focus:outline-none sm:text-sm`}
+              className={`absolute mt-1 max-h-36 ${width} right-0 z-10 overflow-auto rounded-xl bg-black px-3 pt-2 border-solid  border-slate6  border text-base focus:outline-none sm:text-sm`}
             >
               {items.map((option: DropdownItem) => (
                 <DropdownOption key={option.value} option={option} />

ui/src/views/explore/explore-list/nfa-search.fragment.tsx

@@ -9,8 +9,8 @@ import { NFASearchFragmentStyles as S } from './nfa-search.styles';
 const orderResults: DropdownItem[] = [
   { value: 'newest', label: 'Newest' },
   { value: 'oldest', label: 'Oldest' },
-  { value: 'a-z', label: 'Name A-Z' },
-  { value: 'z-a', label: 'Name Z-A' },
+  { value: 'a-z', label: 'Sort A-Z' },
+  { value: 'z-a', label: 'Sort Z-A' },
 ];
 
 export const NFASearchFragment: React.FC = () => {

ui/src/views/explore/explore-list/nfa-search.styles.ts

@@ -31,6 +31,10 @@ export const NFASearchFragmentStyles = {
       width: '100%',
       maxWidth: '30rem',
       justifySelf: 'center',
+
+      button: {
+        minWidth: '$28',
+      },
     }),
   },
 };