styles: fix styles combobox and dropdown (#167)

ui/README.md

@@ -24,6 +24,12 @@ To run the UI localy follow the steps:
    $ yarn
    ```
 
+   This also will generate the `.graphclient` folder. Every time you do a change on the queries files, you'll have to build again that folder, to do it run:
+
+   ```bash
+   $ yarn graphclient build
+   ```
+
 3. To use ConnecKit is neccessary get an [Alchemy ID](https://alchemy.com/), so create an App and get the credentials. Then set the following .env file
 
    ```bash
@@ -45,13 +51,7 @@ To run the UI localy follow the steps:
 
 Get them from the project settings on the firebase dashboard. Read [this article](https://support.google.com/firebase/answer/7015592?hl=en#zippy=%2Cin-this-article) to know how to get your porject config
 
-4. Build the queries to run the project:
-
-   ```bash
-   $ yarn graphclient build
-   ```
-
-5. Start the local server running the app:
+4. Start the local server running the app:
 
    ```bash
    $ yarn dev

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

@@ -45,8 +45,10 @@ const ComboboxInput = ({
     />
     <ComboboxLib.Input
       placeholder="Search"
-      className={`w-full border-solid border border-slate7 h-11  py-3 pl-10 pr-10 text-sm bg-transparent leading-5 text-slate11 outline-none ${
-        open ? 'border-b-0 rounded-t-xl bg-black border-slate6' : 'rounded-xl'
+      className={`w-full border-solid border border-slate7 h-11  py-3 pl-10 pr-10 text-sm leading-5 text-slate11 outline-none ${
+        open
+          ? 'border-b-0 rounded-t-xl bg-black border-slate6'
+          : 'rounded-xl bg-transparent'
       }`}
       displayValue={(selectedValue: ComboboxItem) => selectedValue.label}
       onChange={handleInputChange}

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

@@ -52,8 +52,10 @@ type DropdownButtonProps = {
 
 const DropdownButton = ({ selectedValue, open }: DropdownButtonProps) => (
   <Listbox.Button
-    className={`relative w-full cursor-default  bg-transparent border-solid border border-slate7  py-3 pl-3.5 pr-10 h-11 text-left focus:outline-none sm:text-sm ${
-      open ? 'border-b-0 rounded-t-xl bg-black border-slate6' : 'rounded-xl'
+    className={`relative w-full cursor-default border-solid border border-slate7  py-3 pl-3.5 pr-10 h-11 text-left focus:outline-none sm:text-sm ${
+      open
+        ? 'border-b-0 rounded-t-xl bg-black border-slate6'
+        : 'rounded-xl bg-transparent'
     }`}
   >
     <span