[issue summary] Auro Alert icon is not properly styled

[jessieiswise]

Please verify the version of auro-alert you have installed

v3.0.2

Please describe the bug

1 Install auro alert 3.0.2 in a vue app 2 add Auro-alert to component 3 Observe the icon is incorrectly sized

Reproducing the error

None

Expected behavior

Properly sized icon

What browsers are you seeing the problem on?

No response

Additional context

When digging into this, I found that the culprit was this css rule:

Note in the Auro demo page, the css rule looks like this:

If I fix the rule in the demo page so that it is actually applied, the same bug appears. I think this may be visible on the vue app due to how it is rendered

[blackfalcon]

I came across this as well and came to a similar conclusion. Why the CSS is presenting itself this way is really weird.

Additionally, I do not understand why the customSize attribute is added to this by default. That attribute is only to be applied when a different constraint is added to the outer parent of the icon. Even with this code corrected, without a parent constraint on the size, you get the same large icon result.