style: fix combobox zIndex (#228)

ui/src/components/core/color-picker/color-picker.tsx

@@ -41,7 +41,6 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
       <div className="relative">
         <Flex css={{ gap: '$3h', alignItems: 'center' }}>
           <span>Primary Color</span>
-          {/* TODO crate color picker component */}
           <Button
             leftIcon={
               <Icon name="square" css={{ color: `${logoColor || '$black'}` }} />
@@ -54,7 +53,7 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
               height: '$5',
               borderRadius: '$md',
               color: '$slate12',
-              zIndex: '$dropdown',
+              zIndex: '$docked',
               minWidth: '$28',
             }}
             onClick={handleColorPickerClick}

ui/src/components/core/combobox/combobox.styles.ts

@@ -54,7 +54,7 @@ export const ComboboxStyles = {
     padding: '$3',
     gap: '$2',
     borderRadius: '$lg',
-    zIndex: 10,
+    zIndex: '$dropdown',
     maxHeight: '30vh',
     overflow: 'auto',
   }),

ui/src/views/mint/github-step/steps/github-repository-selection/users-orgs-combobox.tsx

@@ -75,7 +75,7 @@ export const UserOrgsCombobox: React.FC = () => {
     <Combobox
       items={userAndOrganizations}
       unattached
-      css={{ flex: 1 }}
+      css={{ flex: 1, minWidth: '$44' }}
       selected={[selectedUserOrg, handleUserOrgChange]}
       queryKey="label"
     >