Sharing: Official Pinterest button misaligned

[alaczek]

When switching to "Official buttons" option in sharing module, the Pinterest button is displaying slightly lower then other sharing buttons. This does not seem to be theme specific (I was able to reproduce in Apostrophe 2, Toujours, Twenty Seventeen) and the issue is visible on the settings page in Calypso as well.

Steps to reproduce the issue

1. Navigate to Sharing > Sharing Buttons in Calypso.
2. Enable a few services, including Pinterest.
3. Select "Official Buttons" under Button style.
4. Save and view a post/page.

What I expected

I expected all the buttons to be aligned.

What happened instead

The Pinterest button is displayed slightly lower then others.

Screenshots

Calypso settings page:

Front end:

[arunsathiya]

2144105-hc

[stale]

This issue has been marked as stale. This happened because:

• It has been inactive in the past 6 months.
• It hasn’t been labeled `[Pri] Blocker`, `[Pri] High`.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.

[stale]

This issue has been marked as stale. This happened because:

• It has been inactive in the past 6 months.
• It hasn’t been labeled `[Pri] Blocker`, `[Pri] High`.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.

[Aurorum]

Still an issue, along with the LinkedIn one.

[Aurorum]

PR in #12037

[kylemcph]

Another user report of the Pinterest button being misaligned.

12101491-hc

I have tested this, and the issue seems to be fixed on simple sites, but not AT sites:

Direct link to image: https://cld.wthms.co/PJxSat

Screenshot is from Twenty Nineteen theme, but every WordPress.com theme tried produced the same result.