The outline around the buttons shows rectangle in shape when used `Tab` to focus

[kavimuru]

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. Open NewDot
2. Enter email address
3. Use Tab to focus on the Continue button

Expected Result:

Outline should be rounded at the ends

Actual Result:

Outline is rectangular

Workaround:

unknown

Platform:

Where is this issue occurring?

• Web
• Desktop App

Version Number: 1.2.36-2

Reproducible in staging?: y
Reproducible in production?: y
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Expensify/Expensify Issue URL:
Issue reported by: @shawnborton
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1670215788196829?thread_ts=1669646862.849829&cid=C049HHMV9SM

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01c209fa348bb863c8
• Upwork Job ID: 1608159495458529280
• Last Price Increase: 2022-12-28

[melvin-bot]

Triggered auto assignment to @davidcardoza (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[marcaaron]

@shawnborton let me know if something like this would work for you...

2022-12-06_10-30-57.mp4

I'm thinking that another direction we could possibly take this in is to:

• Disable the default outline (like we did with the text input)
• Use the same light green color for focusing buttons

[shawnborton]

I like the blue so it is differentiated from the button color, and yeah, what you have there looks great in terms of shape!

[melvin-bot]

@marcaaron Eep! 4 days overdue now. Issues have feelings too...

[marcaaron]

Have to test this on a few more platforms, but should be in review soon.