Twenty Twenty: Separator block's Default style is wider than Wide Line style in editor

[nidhidhandhukiya]

Steps to reproduce the issue.

1. Activate Twenty Twenty theme.
2. Take separator block.
3. Choose wide-width and check that editor and front both side.

In front side default and wide width working as expected but in editor side it not works proper.

I have attached video for better understanding.
Video URL :- ​https://share.cleanshot.com/xLbqrymSPhRf1kPpSw7B

[sabernhardt]

On larger screens, the Default style lines up with the margin of a paragraph block, and the Wide Line separator approaches the edge of the window on the front end.

[sabernhardt]

With the patch in the editor, the Default style lines up with the margin of a paragraph block, and the Wide Line separator gets closer to the edge (than it does on the front).

[sabernhardt]

On smaller screens, the front end shows both the Default and Wide Line separators aligned with the margin of a paragraph block.

[sabernhardt]

With the patch, the editor also shows both the Default and Wide Line separators aligned with the margin of a paragraph block.

[sabernhardt]

The Default style's max-width was necessary with WordPress 5.3 to override the 100px size from the editor. That is not necessary anymore, and the hr element is no longer inside a div to hold it to the standard .wp-block width of 610px. I added 610px as the max-width for this style of the Separator block.

The Wide Line style is not quite 100% on the front end (100vw - 8rem), but I used 100% in the editor for both width and max-width so it would not be narrower than the Default style.

[sabernhardt]

Oops. You said the "Wide width" alignment option, not the "Wide Line" style. The patch might still work, or at least be closer, but alignment options are not included in the screenshots.