Using an Icon in a Header ignores Icon size prop

[adamvanaken]

Bug Report

Steps

Using an Icon in a Header ignores the Icon size prop.

I understand that I could easily override the styling, but I don't want to potentially break or miss out on future styling updates by doing so.

Expected Result

I would expect to be able to size Icons inside Headers.

Actual Result

The .ui.header>.icon style overrides the font-size that, as an example, the i.small.icon style sets.

Version

2.0.4

Testcase

https://codesandbox.io/s/semantic-ui-react-forked-38ue7

[brianespinosa]

Hi @adamvanaken

We can see from your example that the class names are being added as expected, as you can tell that those classes are being attached and then overridden by more specific class styles of the header. We do not have any of the CSS in this repository. I would recommend creating an issue in the parent SUI repository where our class names come from. I do not know if that was an intentional design decision, or if it was a miss.

[adamvanaken]

@brianespinosa fair enough; created an issue in the CSS repo: Semantic-Org/Semantic-UI-CSS#73