fix(my-joy-beta): fix tag spacing

fixes #1008

packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap

@@ -440,7 +440,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c0 {
+  .c1 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -453,9 +453,17 @@ Array [
   flex-wrap: wrap;
 }
 
-<ul
+.c0 {
+  margin-bottom: 2rem;
+}
+
+<div
     className="c0"
-/>,
+>
+    <ul
+        className="c1"
+    />
+</div>,
   .c19 {
   font-family: sans-serif;
   font-size: 100%;
@@ -1933,7 +1941,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c0 {
+  .c1 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -1946,9 +1954,17 @@ Array [
   flex-wrap: wrap;
 }
 
-<ul
+.c0 {
+  margin-bottom: 2rem;
+}
+
+<div
     className="c0"
-/>,
+>
+    <ul
+        className="c1"
+    />
+</div>,
   .c3 {
   font-family: sans-serif;
   font-size: 100%;
@@ -2607,7 +2623,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c0 {
+  .c1 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -2620,9 +2636,17 @@ Array [
   flex-wrap: wrap;
 }
 
-<ul
+.c0 {
+  margin-bottom: 2rem;
+}
+
+<div
     className="c0"
-/>,
+>
+    <ul
+        className="c1"
+    />
+</div>,
   .c3 {
   font-family: sans-serif;
   font-size: 100%;

packages/my-joy-beta/src/containers/create-instance/tags.js

@@ -53,6 +53,7 @@ export const Tags = ({
       </Margin>
     ) : null}
     {proceeded || expanded ? (
+      <Margin bottom={4}>
         <TagList>
           {tags.map(({ name, value }, index) => (
             <Tag
@@ -63,6 +64,7 @@ export const Tags = ({
             />
           ))}
         </TagList>
+      </Margin>
     ) : null}
     {expanded && addOpen ? (
       <ReduxForm