[Bug]: Incorrect visual alignment for clear search button in search component for size='lg' & 'md'

[ruchika777]

Package

@carbon/react

Browser

Chrome

Package version

1.64.0

Description

Hi team,

For size= 'md' search component the close button does not align with search bar height.

Please refer the screenshot.

But only it works for size = 'sm'

Screenshots

Steps to reproduce

1. Render the search component in container of width 496 px
2. use size = 'lg' / 'md' (issue)
3. use size = 'sm' (expected)

Code of Conduct

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

[2nikhiltom]

Hey @ruchika777 , I do see white "artifact" that appears on the Search component at certain zoom levels -> stackblitz and stackblitz we have an open bug for this

I can not repo the visual alignment issues that are seen in shared screenshots : could you reproduce these on stackblitz