Customizer Help toggle button is not horizontally aligned with panel title

[umesh.nevase]

Help toggle button on customizer is horizontally aligned to panel title. I've checked that all other icons are horizontally aligned with text. I've checked on latest Firefox and Chrome.
Go to
Dashboard -> Appearance -> Customize

[umesh.nevase]

Image for issue

[umesh.nevase]

Patch for the issue

[umesh.nevase]

Image for Solved issue

[valendesigns]

View Menus in the Customizer, there is another icon that toggles menu options. Does the alignment break with this patch applied?

[umesh.nevase]

Replying to valendesigns:

View Menus in the Customizer, there is another icon that toggles menu options. Does the alignment break with this patch applied?

@valendesigns, no it is not affecting the other icons.

[valendesigns]

You shouldn't patch customize-controls-rtl.css, it's an auto generated file. Also, the tap target area with the Menus properties icon is to close to make this change and they would be overlapping. Another issue is that FireFox doesn't take the change with grace, the alignment is way off. I don't think this is something we should do.

[helen]

The help icon is currently a different size from other circular icons for some reason, which really should be addressed at the Dashicon level. Until then, let's not tinker with this, as it's proven to be very fragile between browsers. See #32733 for more.