Payment - Add payment method button is misaligned

[kbecciv]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Go to staging.new.expensify.com
2. Log in with any account
3. Go Settings -Payments

Expected Result:

Add payment button is not misaligned

Actual Result:

Add payment button is misaligned

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.82.5

Reproducible in staging?: Yes

Reproducible in production?: No

Email or phone of affected tester (no customers): any

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

Issue reported by: @mdneyazahmad & Applause - Interna Team

Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1657623654999409

View all open jobs on GitHub

[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.

[melvin-bot]

Triggered auto assignment to @Justicea83 (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[roryabraham]

This is a pretty subtle visual bug that doesn't affect the app's usability. I don't think we should block deploy on this.

[AndrewGable]

Agree

[parasharrajat]

Note: Do test other screens as well. I think that this issue also affects them. Regression from #9665.

It would be better to list down those pages and fix them all in this issue.
For example

1. Extra margin under the button on RequestCallPage.