X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/7f2b1bb658a39caff2aea1378c7d192499e950fc..4927f812339c86a8d84354c4080c5a12a3d9ef2b:/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 75099f2c..9aa88128 100644
--- 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>
                 );
             }