[bug] "Installation" section's tab panel width

[marionnegp]

Describe the bug

The "Installation" section of any element's "Code" subpage is too wide and is adding horizontal scroll. The tab font size also looks larger than it should be.

Should this be an update to <rh-tabs>?

Which Component?

rh-tabs

Steps to reproduce

An example can be found on the audio player's page.

Expected behaviour

The tabs + tab panel should have the same width as the rest of the page's content.

Screenshots

Element HTML

No response

Operating System (OS)

macOS

Browser

No response

More browser information

No response

Additional Info

No response

[zeroedin]

Should this be an update to <rh-tabs>?

Looks like it yes.

pf-tabs sets its own CSS value font-size: var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));

Assuming we want the similar idea using @rhds/token values and that only the tab buttons themselves get the font-size value?

Do you want to set a font-size on the panel or does it remain inherit?

``

[marionnegp]

@zeroedin, yeah, I think only the tab buttons should get the font-size value. Makes sense to let the panel's font size inherit.