AlaskaAirlines / auro-input

Custom HTML element for inputting string data in forms
https://auro.alaskaair.com/components/auro/input
Apache License 2.0
2 stars 4 forks source link

Text and icons are misaligned on non-bordered inputs #333

Closed jordanjones243 closed 1 month ago

jordanjones243 commented 2 months ago

Please verify the version of auro-input you have installed

3.1.1

Please describe the bug

  1. Go to https://auro.alaskaair.com/components/auro/input/api
  2. Scroll to "Disabled" example
  3. Look at non-bordered input
  4. See how text appears lower than the icon

Reproducing the error on the docsite

This issue is reproducible on the Auro docsite

Expected behavior

Text and icon are aligned in both bordered and non-bordered inputs

What browsers are you seeing the problem on?

Chrome

Additional context

How the component looks:

Screen Shot 2024-09-13 at 11 24 38 AM

How it is supposed to look:

Screen Shot 2024-09-13 at 11 24 46 AM