Twenty Twenty-One: Margin inconsistencies in List block between Editor and Frontend

[rishabhwp]

I found this issue originally reported here:
​https://github.com/WordPress/gutenberg/issues/58870

After testing it myself, I can confirm that the issue still persists in the latest version of WordPress only when using the Twenty Twenty-One theme.

Problem:
There is a visual inconsistency in how the List block is rendered in the block editor (backend) versus the frontend:

• In the editor, each <li> item appears to have top and bottom margin.
• In the frontend, this spacing is not present.

Editor View

Frontend View

Trac ticket: https://core.trac.wordpress.org/ticket/63526

This PR addresses a visual inconsistency in the Twenty Twenty-One theme where list items in the block editor (List block) display additional vertical spacing not present on the frontend.

[sandeepdahiya]

Duplicate of #60196.

This issue was earlier discussed in in Trac Ticket: https://core.trac.wordpress.org/ticket/60196
This still seems to be present.

[rishabhwp]

I have created a PR and attached it to ticket (https://core.trac.wordpress.org/ticket/60196). Closing it as its duplicate.

Hey @sabernhardt,
I'm new to core contributions. I have implemented the changes you suggested on Trac. Could you please review the PR or tag someone who can take a look? Thanks a lot!