Phone number fields are over-styled and do not blend well with other fields

The phone number text field was changed to tel, but the style was not changed, which resulted in alignment issues. There is a patch I have made for that, as well as a screenshot of the issue.

I'll look into this.

Hi @chrisolof, I followed the steps to reproduce the issue and confirm that it still persists. When using the phone_number field, its design stands out with its own instead of rendering as per the current admin theme set. I've redesigned the number field rendering and removed the unnecessary CSS codes from the file. After the fixes, now phone number field is now being rendered as per the current admin theme. Please review the MR changes and let me know if any additional changes are needed.

I've attached the screenshots of before-and-after fixes for reference.

Thanks!

Verified the issue using MR!37
This Issue looks fixed in gin, Claro , Olivero. Attaching screenshots for Desktop, Mobile and Tablet view for Gin, Oliver and Claro themes
RTBC ++
Keeping on hold for further code review.

Steps followed :
1. Install Drupal and this phone number module.
2. Add a phone number field to a form with other fields.
3. View the form and see that the phone number field does not look, stylistically, like the other fields in the form.