fix(mui): Add relative position to field wrapper.

Author: Hyperkid123

packages/mui-component-mapper/src/common/form-field-grid.js

@@ -2,12 +2,23 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import Grid from '@material-ui/core/Grid';
+import { makeStyles } from '@material-ui/core/styles';
 
-const FormFieldGrid = ({ children, ...props }) => (
-  <Grid xs={12} item style={{ marginBottom: 16, padding: 0 }} {...props}>
-    {children}
-  </Grid>
-);
+const useFinalFormFieldStyles = makeStyles({
+  grid: {
+    position: 'relative'
+  }
+});
+
+const FormFieldGrid = ({ children, ...props }) => {
+  const classes = useFinalFormFieldStyles();
+
+  return (
+    <Grid xs={12} item style={{ marginBottom: 16, padding: 0 }} className={classes.grid} {...props}>
+      {children}
+    </Grid>
+  );
+};
 
 FormFieldGrid.propTypes = {
   children: PropTypes.node