Expansion Panel default slotted element should be displayed as block element.

[didimmova]

Which component(s) are affected?

Expansion panel

Description

When you use the default slot of the expansion panel with an inline element (span for example), the text isn't flowing properly. There should be a style added to make any slotted element in the default slot a block element.

Here's the issue with the span element:

And here's how it looks like if you use "display: block" for it:

Reproduction

1. Open the expansion panel sample
2. Use an inline element (for example span) to slot the text in the default slot.
3. See how it speads more than it should.

Workaround

All slotted elements in the default slot should use the "display: block" style.

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

Tested on Chrome, probably the problem is present in all browsers.