Dropdown discrepancies in Material, Bootstrap and Fluent themes

[didimmova]

Which component(s) are affected?

Dropdown

Description

The dropdown layout styles are not the same as they're in the UI kits. The problems are in every theme, except for Indigo.

-The size of the items and header in all themes, except for Indigo should be 28/32/40 for small, medium and large.
-The margin of the prefix and suffix should be 8px, not 16px.
-The inline paddings for the items should be 16/20/24 for small, medium and large.
-The inline paddings for the header should be 8/12/16 for small, medium and large.
-The slotted icon in Fluent should be 24px for all sizes

Reproduction

1. Open the Storybook
2. Open the Dropdown sample
3. Inspect the layout of the items in all themes, changing the --ig-size to small, medium and large

Workaround

The implementation should be aligned with the UI kits

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

5.0.1

Browser/OS/Node environment

All