CdsAlert: close button is slightly misaligned in v6

[astorije]

Describe the bug

The bigger hit target on the close button is really great, unfortunately it comes with a slight misalignment compared to v5:

v5	v6

How to reproduce

Reproduction sandbox: https://codesandbox.io/s/alert-close-btn-issue-v6-3spmvx?file=/src/App.tsx

Weirdly I couldn't reproduce the "correct" behavior we're seeing in v5 on a sandbox, but we do get the correct alignment in our component library as shown on the screenshots here.
For reference: https://codesandbox.io/s/alert-close-btn-issue-v5-7eve0z?file=/src/App.tsx

Expected behavior

Versions

Clarity project:

• Clarity Core
• Clarity Angular/UI

Clarity version:

• v5.x
• v6.x

Framework:

• Angular
• React
• Vue
• Other:

Framework version:

React 17

[github-actions]

🎉 This issue has been resolved in version 6.0.4 🎉

The release is available on:

• GitHub release
• v6.0.4

Your semantic-release bot 📦🚀

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.