### What's wrong? Setting `width="100%"` for a `<SearchInput />` element does not correctly set the width of the search input element ### How to reproduce? <!-- Please make a reproduction with this [CodeSandbox template](https://codesandbox.io/s/demo-spor-b137ig). Steps to reproduce the behavior: 1. Go to '...' 2. Click '....' 3. Scroll to '....' 4. Error occurs --> Steps to reproduce the behavior: 1. Add a <SearchInput> element to a <Box> with a width of say `100vw` 2. Set `width="100%"` on the `<SearchInput />` element ### What did you expect to happen, and what happened instead? Expected the SearchInput to take up 100% of its parent element, instead it takes up the default size of the `Field` element ### Screenshots #### Example: SearchInput element with `width="100%"`  #### Manually setting width="100%" on parent stack div using dev tools: 