The circle size of the icon not align

[yociduo]

Describe the bug

A clear and concise description of what the bug is, and the conditions when it occurs.

How to reproduce

Please provide a link to a reproduction scenario using one of the Clarity Stackblitz templates. Reports without a clear reproduction may not be prioritized until one is provided.

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

A clear and concise description of what you expected to happen.

Versions

Clarity project:

• Clarity Core
• Clarity Angular/UI

Clarity version:

• v5.x
• v6.x

Framework:

• Angular
• React
• Vue
• Other:

Framework version:
ie: Angular 11

Device:

• Type: [e.g. MacBook]
• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional notes

Add any other notes about the problem here.

[repolevedavaj]

I realized the same today. @yociduo do you found a workaround to style the icons so they have the same size?

[yociduo]

I realized the same today. @yociduo do you found a workaround to style the icons so they have the same size?

cds-icon[shape='check-circle'] svg,
cds-icon[shape='exclamation-circle'] svg,
cds-icon[shape='info-circle'] svg{
  transform: scale(1.5)
}