I'll update the CustomSelect component to adjust the height and padding of the SelectItem as you've requested.

I've made the following changes to the CustomSelect component:

1. Changed the height of the SelectItem to 32px (h-8 in Tailwind).
2. Updated the padding of the SelectItem to 4px vertically and 8px horizontally (px-2 in Tailwind, which is equivalent to 8px horizontal padding).

These changes will ensure that each item in the select dropdown has a height of 32px and padding of 4px vertically and 8px horizontally.

Is there anything else you'd like me to modify or improve in the custom select component?

I'll remove the position absolute from the SelectItem's selected icon. Let's update the CustomSelect component to achieve this.

I've made the following changes to the CustomSelect component:

1. Removed the relative class from the SelectItem.
2. Removed the absolute positioning from the Check icon.
3. Added flex items-center justify-between to the SelectItem to position the label and icon side by side.
4. Adjusted the padding to px-2 pr-6 to accommodate the icon without absolute positioning.
5. The Check icon is now placed inline with the text, and it will appear on the right side when the item is selected.

These changes will remove the absolute positioning from the selected icon while maintaining the desired layout. The icon will now be part of the normal flow of the SelectItem.

Is there anything else you'd like me to modify or improve in the custom select component?