Baskerville 2: Social Icons block won't display inline

[rinazrina]

When adding a Social Icons block and center-aligned them, they're displayed inline on the editor, but on the published or preview version, they're displayed vertically.

Steps to replicate

1. Open a page or post editor on a simple site, create a Social Icons block.
2. Add links to some of the Social icons, such as https://facebook.com to the Facebook icon, and https://instagram.com to the Instagram icon
3. Change the Social Icons block alignment to Align center
4. Save draft or Publish the page.

Result

The Social icons displayed inline (side by side/horizontally) on the editor, but not on the published version. When the post/page is published or previewed, the Social icons displayed vertically.

Screenshot of the post editor:

---

Screenshot of the published version:

---

Screenshot of the Blog page:

---

Expected

The Social icons should be displayed inline/horizontally, the same as the way they look on the editor.

---

I provided CSS code below as a workaround:

.post-content .aligncenter {
    display: flex;
}

• User report: #23218390-hc
• Follow-up ticket: #3207326-zen

[supernovia]

Related: this is how it's displaying currently if the user "centers" the icons:

If they allow them to be left-aligned they look okay.

https://wordpress.com/forums/topic/social-links-block-doesnt-center/

[jordesign]

Recreated this - With 644,313 sites having Baskerville active - this seems a good one to get fixed.