List Block: line height issue with twenty twenty-one theme

[VipulUpadala]

Description

I have tested the list block with twenty twenty-one theme and found the backend side line height not working proper.

Step-by-step reproduction instructions

1. Active the twenty twenty-one theme.
2. Created a new page and take the list block.
3. Apply line height setting and check it the backend side & frontend side is different.

Screenshots, screen recording, code snippet

Please check the below provide video recording video for a better understanding of issues.

Video: https://share.cleanshot.com/tWrpBv2y0McWnqsHj1WC

Environment info

• WordPress 6.4.3 running
• Wordpress Gutenberg Version
• Macbook

Please confirm that you have searched existing issues in the repo.

No

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[github-actions[bot]]

Hi, This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps. Thanks for helping out.

[stacimc]

I tried this on Gutenberg v18.7.1 and I do see a difference between the editor and the published post, but it's due to additional margin on the list items in the editor. The actual line-height is applied in both places:

Twenty Twenty One:	Editor	Frontend

In comparison, this is TT1 Blocks:	Editor	Frontend