Navbar - forms select input

<nav class="text-neutral-50 bsk-bg-blue py-4">
  <div class="container flex px-8">

    <form class="flex items-center">
      <label for="select-2" class="sr-only">
        Choose an option
      </label>

      <select
        id="select-2"
        name="select-2"
        class="pl-1 bg-slate-50 text-bsk-blue rounded-sm"
      >
        <option value="">Select an option</option>
        <option value="option-1">Option 1</option>
        <option value="option-2">Option 2</option>
        <option value="option-3">Option 3</option>
      </select>
    </form>
    
  </div>
</nav>

<nav class="text-neutral-50 bsk-bg-blue py-4">
  <div class="container flex px-8">
    <a href="#" class="px-3 py-2 mx-2 rounded hover:bsk-bg-blue-hover">Item 1</a>

    <form class="flex items-center">
      <label for="select-2" class="sr-only">
        Choose an option
      </label>

      <select
        id="select-2"
        name="select-2"
        class="pl-1 bg-slate-50 text-bsk-blue rounded-sm"
      >
        <option value="">Select an option</option>
        <option value="option-1">Option 1</option>
        <option value="option-2">Option 2</option>
        <option value="option-3">Option 3</option>
      </select>
    </form>

  </div>
</nav>