Twenty Twenty-One: button block overlaps with other blocks.

[nidhidhandhukiya]

Steps to reproduce:-

1. Choose Twenty Twenty one theme.
2. Take button block.
3. Take paragraph after button.
4. Change alignement of button left or right.

Button is overlaps on the content while we using alignemnt left and right to editor side.
Front side it is working fine.
I have attached video for better understanding.
Video URL:- ​https://share.cleanshot.com/HeYnA5dKl2REg1i6eCPE

[nidhidhandhukiya]

It's great if we can find out the way to solve this type of button alignement issue with other themes also.
I have checked this issue is happening with Twenty Twenty theme and Twenty Nineteen also.

html :where(.wp-block-buttons .wp-block)[data-align=left],
html :where(.wp-block-buttons .wp-block)[data-align=right] {
	height: auto;
}

This can solve the issue but it would great if somebody adds this code in the exact path which is applicable for all the themes.

[sabernhardt]

This was reported for Twenty Nineteen in #56144, but I agree this should be fixed in the editor instead for any "classic" themes.

If you would like to add to the discussion and/or submit a pull request, please follow ​Gutenberg issue 42790.

[nidhidhandhukiya]

Hello @sabernhardt
Thanks for the reply.
I have submitted pull request for ​https://github.com/WordPress/gutenberg/issues/42790