Header: larger search x icon alignment issue

[jbrcna]

Describe the bug
The x icon of Searchfield was misaligned

To Reproduce

Steps to reproduce the behavior:

1. Go to https://master-enterprise.demo.design.infor.com/components/header/example-buttons-larger-search.html
2. Enter text in searchfield
3. See error
4. X icon is not properly aligned

Expected behavior
should be properly aligned

Version

• ids-enterprise: v4.39.0-dev

Screenshots

Platform
All

Additional context
Add any other context about the problem here.

[tmcconechy]

The only trick to this issue is the css is a bit intwined around the x in various place.

For example @danielortiz1982 fixed it here #4984 but i confirmed its not fixed in this example now.

Some places to test when making the fix:

https://master-enterprise.demo.design.infor.com/components/searchfield
https://master-enterprise.demo.design.infor.com/components/toolbarsearchfield
https://master-enterprise.demo.design.infor.com/components/header
https://master-enterprise.demo.design.infor.com/components/tabs-module

Possibly easiest to isolate the adjustment so the other places aren't effected.

[jbrcna]

the issue is now resolved. v4.50.0-beta2
https://4500-beta2-enterprise.demo.design.infor.com/components/header/example-buttons-larger-search.html

just some observation
tabs-module/example-category-searchfield-go-button.html
tabs-module/example-category-searchfield-go-button-home.html

tabs-module/example-category-searchfield.html

tabs-module/example-toolbar-with-spillover.html

header/example-flex-toolbar.html - No x icon