Combobox's clear 'X' button is inset too far

[erikalanghauser]

Describe the bug

When comparing the location of the X to clear the combobox field with other input elements, it is too far inset from the right. Does not match design specs and wastes input space.

To Reproduce

Steps to reproduce the behavior:

Hover over a combobox on auro doc site or at alaskaair.com/search.

Expected behavior

The location of the X should match datepicker and other input fields and be more symmetrical on left/right sides, matching design specs.

Screenshots

Not symmetrical/Wasted space on right side of field:

Correct/Symmetrical:

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

[blackfalcon]

This issue is validated. See the screen shot below, the additional spacing is caused by an incorrect CSS value.

[blackfalcon]

Work specification

Remove the unnecessary right spacing.

Exit criteria

Validate that the padding is consistent with the design spec and that there are no unintended side-effects from removing this value.

[jason-capsule42]

I have verified that this issue was previously fixed by updates to the auro-input component and how it's implemented into auro-combobox. Closing this issue as already fixed.