Built-in marginBottom on SelectField and TextInputField labels

[alexhauka]

_Apologies if this not the desired format for an issue, but the issue template provided in the contributing guidelines 404s_

There is a built-in marginBottom={8} given to the innermost Box component which is used to make the label for the FormField component, which itself is used as the basis for both the SelectField and TextInputField evergreen-ui components, as seen below on line 25:

FormField.js

This creates a bottom margin on the components' label which I've been unable to either alter or completely remove. Adding a marginBottom value to the Label component in the theme object has no effect.

real world example of the margin in question:

It would be very helpful if the label's marginBottom could be altered with the theme object, and/or if the label's hardcoded marginBottom was removed.

[mshwery]

Perhaps a simple workaround would be to construct your own FormField composition that satisfies your design constraints. The *Field variants of the various form components are basically a pre-packaged and opinionated take on how to compose the label, input, description, hints, errors, etc.

I agree that it would be nice to be configurable (or at least pull from the theme's spacing tokens) but also not a fan of exposing nested props in a composition component.