Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

This PR fixes the product summary field top margin in the block-based product editor.

Incorrect margins have been reported and reproduced with the following setup:

• WordPress 6.2 (built-in Gutenberg, enabled)
• Theme: Storefront 4.2.0 (does not happen with Twenty Twenty-Tree)
• WooCommerce: latest trunk
• Browser: Edge, Chrome, Firefox (probably others too)
• No plugins other the WooCommerce Beta Tester (just to enable feature: product-block-editor)

The incorrect margins on the .wp-block-woocommerce-product-summary-field block in this component are being set by the following rule from classic.css?ver=6.2:

html :where(.wp-block) {
    margin-bottom: 28px;
    margin-top: 28px;
    max-width: 840px;
}

Before

After

Note: Top margin is correct. Bottom margin is correct (unchanged).

How to test the changes in this Pull Request:

Note: Make sure you have Storefront 4.2.0 set as your theme.

1. Enable the block-based product editor (feature: product-block-editor).
2. Go to Products > Add New
3. Verify the General > Basic details > Summary field's top and bottom margins are correct.