Spacer issue

[asabhaney]

eg

      <View float="left" width="100%" padding="30px">
         <Formik
            onSubmit={handleCreateInitiative}
            render={({ isSubmitting }) => (
               <Form>
                  <Input
                     name="name"
                     size="xl"
                     placeholder="New Initiative Name"
                  />
                  <Spacer size="4" />
                  <Select name="typeId" size="xl">
                     {organization.initiativeTypes.filter(type => type.enabled).map(type => (
                        <option key={type.id} value={type.id}>{type.nameSingular}</option>
                     ))}
                  </Select>
                  <Spacer size="12" />
                  <Button size="xl" name="Create" type="submit" mode={isSubmitting ? 'loading' : 'normal'} />
               </Form>
            )}
         />
      </View>