Social Icons having top and bottom margin issue in the editor with classic themes

[viralsampat]

Hello Team,

I have checked "Social Icons" block and found that the icons contains extra "top" & "bottom" margin space into the editor side.

But, front-end it looks good. So, I think that it should be same on both(Front-end & Back-end)sides.

For better understanding, here I have attached its screenshots.

Thanks,

[viralsampat]

Back-end

[viralsampat]

Front-end

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

After resolved issue Back-end:

[viralsampat]

After resolved issue front-end:

[sainathpoojary]

Hey @viralsampat,

I wasn’t able to reproduce the mentioned issue in both WordPress trunk and 6.7.2-RC1. However, I was able to reproduce the issue when running Gutenberg on the trunk version.

Can you please confirm if you’re seeing the same behavior on your end?

[viralsampat]

Hello @sainathpoojary

Thank you so much for you feedback.

I will check using latest trunk and will update asap.

Thanks,

[sabernhardt]

Please open a Gutenberg issue. This needs to be fixed in the plugin, not themes. It happens in the bundled themes from Twenty Ten to Twenty Twenty, plus other classic themes. The icon has a .wp-block class in the editor now (since GB64883?), and classic.scss adds ​top and bottom margins for those elements.

[sabernhardt]

Thanks for opening the issue!
​https://github.com/WordPress/gutenberg/issues/69098