refs #14496-infinite-loading-when-trying-to-share-a-project-without-permission

[arvados-workbench2.git] / src / views / collection-panel / collection-tag-form.tsx

diff --git a/src/views/collection-panel/collection-tag-form.tsx b/src/views/collection-panel/collection-tag-form.tsx
index 75099f2cd88541557759018890c7962857163ea8..9aa881286580eefd0302c0c12f3f926fdabef6d3 100644 (file)
--- a/src/views/collection-panel/collection-tag-form.tsx
+++ b/src/views/collection-panel/collection-tag-form.tsx
@@ -72,21 +72,21 @@ export const CollectionTagForm = compose(
                 const { classes, submitting, pristine, invalid, handleSubmit } = this.props;
                 return (
                     <form onSubmit={handleSubmit} className={classes.root}>
-                        <Typography component='div' className={classes.keyField}>
+                        <div className={classes.keyField}>
                             <Field name="key"
                                 disabled={submitting}
                                 component={TextField}
                                 validate={TAG_KEY_VALIDATION}
                                 label="Key" />
-                        </Typography>
-                        <Typography component='div' className={classes.valueField}>
+                        </div>
+                        <div className={classes.valueField}>
                             <Field name="value"
                                 disabled={submitting}
                                 component={TextField}
                                 validate={TAG_VALUE_VALIDATION}
                                 label="Value" />
-                        </Typography>
-                        <Typography component='div' className={classes.buttonWrapper}>
+                        </div>
+                        <div className={classes.buttonWrapper}>
                             <Button type="submit" className={classes.saveButton}
                                 color="primary"
                                 size='small'
@@ -95,7 +95,7 @@ export const CollectionTagForm = compose(
                                 ADD
                             </Button>
                             {submitting && <CircularProgress size={20} className={classes.circularProgress} />}
-                        </Typography>
+                        </div>
                     </form>
                 );
             }