HeroUI Version

2.8.3

Describe the bug

When you use a select component with variant bordered and labelPlacement "inside" like this:

 <Select
          className="max-w-xs"
          label="Select an animal"
          variant="bordered"
        >
          {animals.map((animal) => (
            <SelectItem key={animal.key}>{animal.label}</SelectItem>
          ))}
        </Select>

The label is over the selected key

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Import the select component
2. Put variant as bordered
3. Label prop with a text
4. Select one of the keys given to the Select component items

Expected behavior

I think this should be replaced as previous versions

Screenshots or Videos

Operating System Version

macOS sequoia 15.5

Browser

Chrome