Improve PhoneNumberInput styles

[connor-baer]

Purpose

I discovered some style issues while integrating the new PhoneNumberInput into an application.

Approach and changes

• Balance widths of phone number input fields
• Fix input outline layering on hover

Definition of done

• Development completed
• Reviewers assigned
• Unit and integration tests
• Meets minimum browser support
• Meets accessibility requirements

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
oss-circuit-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 12, 2024 3:28pm

[changeset-bot]

🦋 Changeset detected

Latest commit: c408a07

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@sumup/circuit-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

Attention: Patch coverage is 50.00000% with 2 lines in your changes missing coverage. Please review.

Project coverage is 88.30%. Comparing base (4b5f125) to head (c408a07).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2578   +/-   ##
=======================================
  Coverage   88.29%   88.30%           
=======================================
  Files         206      206           
  Lines       22805    22803    -2     
  Branches     1527     1527           
=======================================
  Hits        20136    20136           
+ Misses       2617     2615    -2     
  Partials       52       52           

Files	Coverage Δ
...i/components/PhoneNumberInput/PhoneNumberInput.tsx	95.29% <50.00%> (+0.44%)	⬆️