customizer search widgets input text is not verticaly aligned and dont have equal spacing from left and right.

[umesh.nevase]

I 've found some csss issue in customizer styling. When we add widget through customizer, The search box text in 'Add a widget' area is not verticaly aligned and spacing from left and right is not equal. I've attached screenshot for better understanding. We need some css changes. I've checked on latest chrome and firefox.

[umesh.nevase]

I've showed issue by arows

[umesh.nevase]

patch file for the issues

[afercia]

Related: #34333.

We should try to unify the look of the "Search widget" field with the "Search menu items" field. And yes you're definitely right, the left and right margin are unequal, mainly because input fields have a default 1px margin (never got why) and the weird padding values of the container here try to compensate it.
#34333 kind of overlaps this ticket, will add a note there.

[celloexpressions]

I believe this odd spacing dates to the widget customizer feature plugin. Not sure why it was there in the first place, but it was changed for menus previously.

[celloexpressions]

This UI is likely being removed in 5.8 with the replacement of widgets with blocks in the customizer. This ticket can be closed as invalid if/when customizer block widgets are merged.

[celloexpressions]

Invalidated (or fixed) by [50996].