Label and Content Text Sizes of input field and select(or) from select box differ

[TomFreudenberg]

Describe the bug

Hi, thanks for that great work first of all.

Please find attached a screen shot from Android Chrome viewing

https://v4.shadcn.com/forms (but also v3 has the same mistake)

The text size for "Select a color" differs from all other input fields.

Thats happen on all select box elements.

I copied the last chars from the email field as image beneeth the select box

If I run the same code on Desktop - all looks nice and from same sizes.

Wonder if this is a bug or can't be changed?

Affected component/components

Select

How to reproduce

Just open https://v4.shadcn.com/forms

Codesandbox/StackBlitz link

https://v4.shadcn.com/forms

Logs

System Info

Running Huawei P30 / Android EMUI 12 / 2340 x 1080 px Screen / Chrome Version 132

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[Jacksonmills]

@shadcn after looking into this, it seems Textarea and Input handle text differently from other form components. Right now, they use text-base with md:text-sm, while Select and others default to text-sm.

Is this the intended behavior, or should we update Select to follow this responsive size pattern? Alternatively, should we align everything to just text-sm and let users handle responsiveness in their implementation?

Let me know what makes the most sense!

[shadcn]

The text-base prevents the auto zoom on mobile.

[Jacksonmills]

Gotcha! That makes sense. So two potential options:

1. Keep things as they are.

2. Align select/date/etc inputs with text fields by setting them to text-base on smaller breakpoints to maintain consistency.

[Jacksonmills]

LMK what you think is best 🫡