X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/6fbf6c43b2f7e1f8770cbcd245cbffc7ce0715be..4cad4c0d882111b0eb5576005108a62ff30b143d:/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 04e37f2b2a..fd4f0880a2 100644
--- a/src/views/collection-panel/collection-tag-form.tsx
+++ b/src/views/collection-panel/collection-tag-form.tsx
@@ -5,6 +5,9 @@
 import { reduxForm, reset } from 'redux-form';
 import { createCollectionTag, COLLECTION_TAG_FORM_NAME } from '~/store/collection-panel/collection-panel-action';
 import { ResourcePropertiesForm, ResourcePropertiesFormData } from '~/views-components/resource-properties-form/resource-properties-form';
+import { withStyles } from '@material-ui/core';
+
+const Form = withStyles(({ spacing }) => ({ container: { marginBottom: spacing.unit * 2 } }))(ResourcePropertiesForm);
 
 export const CollectionTagForm = reduxForm<ResourcePropertiesFormData>({
     form: COLLECTION_TAG_FORM_NAME,
@@ -12,4 +15,4 @@ export const CollectionTagForm = reduxForm<ResourcePropertiesFormData>({
         dispatch<any>(createCollectionTag(data));
         dispatch(reset(COLLECTION_TAG_FORM_NAME));
     }
-})(ResourcePropertiesForm);
+})(Form);
