[Bug]: Search component in focus state has a white artefact when zoomed in

[luiz-brandao]

Package

@carbon/react

Browser

Chrome, Firefox

Package version

1.70.0

Description

There is a white "artifact" that appears on the Search component at certain zoom levels, including the default.

It's related to the same component impacted by this ticket, and you can even see the issue there: #18144

Screenshots

Steps to reproduce

It's present even in the documentation page. Just check https://carbondesignsystem.com/components/search/usage/

In the default zoom level you should be able to see the white pixels when you focus the search field and enter some values to make the clear button appear. Then you can play with the zoom to see that it comes and goes depending on the zoom level.

The issue seems to be with .cds--search-close::before but I'm no expert.

Code of Conduct

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

[2nikhiltom]

stackblitz