[Bug]: Ghost Icon button not center aligned

[geertklop]

Package

@carbon/web-components

Browser

Chrome

Package version

2.21.0

React version

NA

Description

If I choose the combination with a Ghost button and Icon only, I do experience that the icon alignment is not centered anymore. This seems to be introduced somewhere between version 2.16 and version 2.21, as on the older version the same combination did not give an issue.

Example (at version 2.21)

While the documentation shows it with a centered icon:

Reproduction/example

https://web-components.carbondesignsystem.com/?path=/story/components-button--icon-button&args=kind:ghost;isSelected:!true

Steps to reproduce

The storybook with these attributes set will also show the misalignment:

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems