Admin dropdown menu's actionable area is not what the user expects

[ahukkanen]

Describe the bug

When using dropdown menus (e.g. "Add component", "Add content block", etc.) in the admin panel, the actionable area is not what the user might expect.

When hovering over the menu items using mouse, the whole menu item is highlighted but the whole area is not actionable. Only a tiny part of the menu item is clickable and therefore actionable.

To Reproduce

1. Go to admin panel
2. Go to manage a process
3. Go to the components listing
4. Click add component
5. See the issue with the menu items

Expected behavior

I would expect the whole area highlighted with blue color to be clickable.

Screenshots

This screenshot highlights the problem, the actionable area is highlighted with red in this screenshot as an example:

Clicking anywhere outside of the area highlighted with a red color, the click is not registered making it harder to use the admin panel as the user would assume the whole area colored in blue would be clickable.

Stacktrace

No response

Extra data

• Device: Desktop
• Device OS: Ubuntu
• Browser: Chrome
• Decidim Version: 0.28.0 and 0.29.0.dev
• Decidim installation: e.g. Try.Decidim

Additional context

No response