How should I style dropdown menus with dividers?

[seancolsen]

• The "Working with Columns" Figma Prototype has a "Table Actions" menu as follows:

  

• We currently have a similar menu for "New table" which behaves as follows:

  

• I like the divider between "Delete Table" and "Table Constraints" in the prototype, and I want to implement that. I also like the styling of the divider being partial width (narrower than the dropdown). My predicament is: if we combine the hover and the divider I think it's going to look weird, having a full-width background and a partial-width divider. It would help to see a mockup of a fully-styled dropdown menu that has a divider and has a menu item adjacent to the divider which is hovered. A description of the behavior would suffice as well.

@ghislaineguerin would you like to offer a recommendation?

[ghislaineguerin]

@seancolsen
Let's keep the hover, add a margin around the menu items, and make all dividers partial-width.

[seancolsen]

Sounds good!