Description

It appears that recent changes made in the LinkControl component have caused a regression in the layout of the MediaReplaceFlow component.

As far as I researched, the two PRs, #57775 and #57608, are related.

⚒️ Before #57775 is merged

• Media Replace Flow: Vertically align the URL #58621
• Commit hash: 27fc84e

This should be the expected layout.

⚠️ After #57775 was merged

• Improve LinkControl preview #57775
• Commit hash: 614e035

• The icon and URL are misaligned.
• The background color of the icon may also not be what we intended.
• Also, this may be a Windows OS-specific problem, but the text descender is cut off.

✅ After #57608 was merged

Fixed by #58597

• Image block: Move UI for lightbox from sidebar to the content toolbar alongside link settings #57608
• Commit hash: 84b09ce

• A scroll bar will appear.

These changes are in the Gutenberg version that ships to WP6.5, and I think they need to be fixed, so I'll add them to the editor task for WP6.5.

Step-by-step reproduction instructions

• Insert an Image block
• Add media.
• Click "Replace" button.