Twenty Twenty and Twenty Twenty-One: Details block padding issue when setting its alignment to full-width

[viralsampat]

Hello Team,

I have worked on the "Twenty Twenty" theme and found that the "Twenty Twenty" theme contains an issue for the "Details" block. The padding is not displaying properly on the back-end side. The front-end side looks good. When we set "Full Width" from the components toolbar group

Here, I have provided screenshots:

Front-end:

Back-end:

Thanks,

[nidhidhandhukiya]

This issue is happening with Twenty twenty and twenty twenty one also I have applied the patch which can resolve the issue for both the themes.

[sabernhardt]

The max-width would need to be changed, not the margins.

I think this would work for both themes (in editor styles):

.wp-block-details > .wp-block {
	max-width: 100%;
}