Increases font size on text-area on smaller screen sizes

[marcusljf]

The change is on text fields, but wasn't on text areas to text-base. Fixes the ios zoom on focus bug.

Summary by CodeRabbit

• Style
  • Adjusted responsive typography sizing for text input fields to display at base font size on small screens and smaller size on medium screens and larger, improving readability on mobile devices.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
dub	Ready	Preview	Feb 18, 2026 4:42am

[coderabbitai]

📝 Walkthrough

Walkthrough

This pull request adjusts the responsive typography of a textarea element in the long-text-field form component. The styling change replaces a fixed "text-sm" class with "text-base md:text-sm" to display larger text on small screens and revert to smaller text on medium screens and above.

Changes

Cohort / File(s)	Summary
Responsive Typography apps/web/ui/partners/groups/design/application-form/fields/long-text-field.tsx	Updated textarea styling from fixed small text to responsive sizing: base font on small screens, small font on medium+ screens.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

• steven-tey

Poem

🐰 A textarea grows with responsive grace,
From base to small across the space,
Mobile screens get text that's bright,
Larger fonts for readability's light,
Form fields dancing, just right!

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: increasing font size on text-area for smaller screen sizes, which aligns with the PR's objective to fix iOS zoom-on-focus by adjusting font sizing.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch mobile-text-area-focus

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

🧹 Nitpick comments (1)

apps/web/ui/partners/groups/design/application-form/fields/long-text-field.tsx (1)

28-34: Apply the same responsive text-size guard to other input fields.

Sibling components require the same fix: short-text-field.tsx (line 34) and website-and-socials-field.tsx (lines 68, 91, 115, 139, 163, 187) both use bare text-sm on input elements without the text-base md:text-sm responsive guard. Update them to match the pattern in this fix to prevent iOS zoom issues across the application-form field suite.

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In
`@apps/web/ui/partners/groups/design/application-form/fields/long-text-field.tsx`
around lines 28 - 34, Update the input className usages in short-text-field.tsx
and website-and-socials-field.tsx to use the same responsive text-size guard as
long-text-field (replace bare "text-sm" with "text-base md:text-sm");
specifically, locate input elements in ShortTextField and the various input
elements in WebsiteAndSocialsField that currently include "text-sm" in their
className and change that token to "text-base md:text-sm" while preserving all
other conditional/error classes and spacing so the responsive behavior and error
styling remain unchanged.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In
`@apps/web/ui/partners/groups/design/application-form/fields/long-text-field.tsx`:
- Around line 28-34: Update the input className usages in short-text-field.tsx
and website-and-socials-field.tsx to use the same responsive text-size guard as
long-text-field (replace bare "text-sm" with "text-base md:text-sm");
specifically, locate input elements in ShortTextField and the various input
elements in WebsiteAndSocialsField that currently include "text-sm" in their
className and change that token to "text-base md:text-sm" while preserving all
other conditional/error classes and spacing so the responsive behavior and error
styling remain unchanged.