Admin Extended Profile for HTML5 fields display differently

Hello,

Wanted to note a minor Aesthetic issue with the HTML5 fields (Website/Email) in the backend when you go to the Extended Profile tab the field inputs are displaced compared to the other fields. See screen https://i.imgur.com/XLCG3mX.png

Digging into the inspector I noticed that these fields get wrapped in an additional div (.input-web or .input-email) which is interfering with the css selector for styling the label:
Buddyprss CSS File: buddypress/bp-members/admin/css/admin.css
.bp-profile-field .datebox > label, .bp-profile-field .radio > label, .bp-profile-field > label {
display: inline-block;
font-weight: 600;
text-align: left;
vertical-align: middle;
width: 200px;
}
As it’s using the direct child selector > and the html5 fields have a div wrapping this style is no longer applied to the labels.

So was thinking either have this style duplicated in the plugins admin.css with a corrected selector, or open a ticket with buddypress to update their selector or remove the div wrapper and simply place that class on the div for .bp-profile-field.

Not a major issue but wanted to bring it to your attention.

Cheers

https://www.ads-software.com/plugins/buddypress-xprofile-custom-fields-type/