Field markup issues on edit User page

Hi!

I found several issues related to the visual display of some fields on the user page.

1. Post Object field stretches to the full width of the page, although all fields in this section have a maximum width of 25em. At the same time, the normal select is displayed correctly.

2. On the same user page in the mobile version, all fields do not correspond to the native design of standard fields.

3. When adding a Tab, it is heavily indented to the left. Overall okay, but in the mobile version it looks very strange.

I used this quick fix for these issues. Maybe it will help.

body.user-edit-php {
	.form-table {
		.acf-hl.acf-tab-group {
			padding-left: 5px !important;
		}

		.acf-field {
			.acf-label {
				@include media.mobile {
					padding: 10px 0 0;
					margin: 0;
				}
			}

			.acf-input {
				@include media.mobile {
					padding: 4px 0 6px;
				}

				input {
					@include media.mobile {
						width: 100%;
    					max-width: 100% !important;
					}
				}

				.select2 {
					width: 100%;
					max-width: 25em;

					@include media.mobile {
						max-width: 100%;
					}
				}
			}
		}
	}
}

Start at the WordPress edit User page and locate the styles matching body.user-edit-php, including the .acf-field, .acf-input, .select2, and .acf-tab-group rules shown in the report. Compare the field widths, mobile spacing, and tab indentation with the supplied screenshots; done means these fields match the standard user-edit design on desktop and mobile.