Gutenberg: Drop down menu: uneven top and bottom spacing

[afercia]

Describe the bug
The "dropdown menu" component has uneven top and bottom spacing. See screenshot below:

It's clear the vertical spacing between the _last_ button and the menu edge is bigger than the one at the top.

Actually, the menu container does have the same padding for all edges.

Instead, all the buttons within the menu had a bottom margin of 4 pixels. The margin of the last button should be reset to 0.

Seems a good first issue that can be fixed with some simple CSS selector.

Expected behavior
The menu to have even spacing.

Editor version (please complete the following information):

• WordPress version: 5.5 trunk
• Does the website has Gutenberg plugin installed, or is it using the block editor that comes by default? default

[afercia]

Seems there's also a small inconsistency between similar "dropdown" menus.

See in the screenshot below, where:

• buttons in the block "More rich text controls" menu do have a bottom margin
• button in the block "More options" menu don't

https://github.com/WordPress/gutenberg/blob/7aacd09a832401629d4507b086d7ac3bbbe93e59/packages/components/src/dropdown-menu/style.scss#L11-L17

[noahshrader]

@afercia This is a great callout, and something I've noticed myself as well. The second screenshot you provided (without the margins) looks most in line with where it needs to go. I am assigning this to myself to address.

[allilevine]

Did #24227 resolve this issue?

[afercia]

Seems so. I can't reproduce the issue on latest plugin version 9.0.0. Closing. See screenshot: