State Dropdown not displaying properly on Company Step

[Jag96]

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!

---

Coming from #4597, breaking this into its own issue. This is a regression from #3414

Action Performed:

1. Navigate to staging.new.expensify.com/bank-account/new and fill out any values and hit continue
2. Notice that on the next step (Company step) the values for the state dropdowns are taking up more space than they should, and don't follow the design convention that the rest of the form elements follow.

Expected Result:

Design should be consistent

Actual Result:

Design isn't consistent

Before	Now

Workaround:

N/A

Platform:

Web

Version Number:
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation
Expensify/Expensify Issue URL:

View all open jobs on Upwork

[OSBotify]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open StagingDeployCash deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[Jag96]

Going to fix this internally by updating the StatePicker to use the new ExpensiPicker instead of the old Picker component

[MitchExpensify]

Thanks @Jag96 ! I assume this will also fix the dropdown mis-alignment in the Requestor step? Theres a state dropdown field there too

[Jag96]

Yes, good call I've updated that one as well

[Jag96]

PR is on staging and blocker is fixed, closing this

[isagoico]

Looks good! Checking it off the deploy blocker list.