Package

@carbon/react

Browser

No response

Package version

11.69.0

React version

No response

Description

Arrow looks breaking in the AI explainability popover in case of align values like 'bottom-left', 'bottom-right', 'top-right', 'top-left' etc. Also this is for AILabel icon size is 'mini', 'xs' or '2xs'.

To resolve the issue, we are planning to add a cross-axis offset of 24px in case of above conditions only.

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-ailabel--default

Steps to reproduce

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

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