Alignment of icons incorrect when using as prefix value of TextField

[cargix1]

Issue summary

The vertical alignment of an Icon component is incorrect when using as prefix value of TextField. The color of the icon also looks to be incorrect.

Expected behavior

I'd expect the search icon to appear like it does within the Shopify orders screen.

Actual behavior

The icon is dark black rather then the grey color and positioned too close to the top of the textfield.

Steps to Reproduce the Problem

<TextField type="search" placeholder="Search ..." prefix={
  <Icon source="search"></Icon>
}></TextField>

Specifications

• Polaris version: 1.0.3
• React version: 15.4.2
• Browser: Chrome
• Device: Macbook Pro
• Operating System: Mac OS Sierra

[lemonmade]

Thanks for the issue, @cargix1. I think this is the same issue as #60, so I’ll close this one in favour of that issue.