diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png
index 50c992e5..daf6902b 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png
index 50c992e5..daf6902b 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png
index 696e11dd..5ee2a970 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png
index 50c992e5..daf6902b 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png
index d8ef1e16..63bc33ce 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png
index 50c992e5..daf6902b 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png
index f7ae7dcd..ed78467b 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png
index 3f3db491..c68a8176 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png
index b907d2e3..5c997d49 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png
index 06e13d30..b907d2e3 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png
index b907d2e3..06e13d30 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png
index 06e13d30..b907d2e3 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png
index 3f3db491..c68a8176 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png
index 7e323efc..c9597baa 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap
index 287eeb63..e499a16f 100644
--- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap
+++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap
@@ -5,7 +5,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c7 {
+.c6 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -50,7 +50,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   display: block;
 }
 
-.c10 {
+.c9 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -63,36 +63,36 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c10::-moz-focus-inner,
-.c10[type='button']::-moz-focus-inner,
-.c10[type='reset']::-moz-focus-inner,
-.c10[type='submit']::-moz-focus-inner {
+.c9::-moz-focus-inner,
+.c9[type='button']::-moz-focus-inner,
+.c9[type='reset']::-moz-focus-inner,
+.c9[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c10:-moz-focusring,
-.c10[type='button']:-moz-focusring,
-.c10[type='reset']:-moz-focusring,
-.c10[type='submit']:-moz-focusring {
+.c9:-moz-focusring,
+.c9[type='button']:-moz-focusring,
+.c9[type='reset']:-moz-focusring,
+.c9[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c10 + button,
-.c10 + a {
-  margin-left: 0.375rem;
-}
-
-.c9 {
-  display: inline-block;
-}
-
 .c9 + button,
 .c9 + a {
   margin-left: 0.375rem;
 }
 
 .c8 {
+  display: inline-block;
+}
+
+.c8 + button,
+.c8 + a {
+  margin-left: 0.375rem;
+}
+
+.c7 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -132,7 +132,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c8:focus {
+.c7:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -140,21 +140,21 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c8:hover {
+.c7:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c8[disabled] {
+.c7[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -174,23 +174,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c12 {
+.c11 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -209,7 +193,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c11 {
+.c10 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -325,9 +309,6 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
             placeholder="Example: mySQLdb"
             required={true}
           />
-          <label
-            className="c6"
-          />
         </div>
       </div>
     </div>
@@ -335,10 +316,10 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
       className="c1"
     >
       <div
-        className="c7"
+        className="c6"
       >
         <button
-          className="c8 c9 c10"
+          className="c7 c8 c9"
           disabled={undefined}
           href=""
           type="submit"
@@ -346,7 +327,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
           Add
         </button>
         <div
-          className="c11 c12"
+          className="c10 c11"
           height="0.25rem"
         />
       </div>
@@ -360,7 +341,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c7 {
+.c6 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -405,7 +386,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   display: block;
 }
 
-.c10 {
+.c9 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -418,36 +399,36 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c10::-moz-focus-inner,
-.c10[type='button']::-moz-focus-inner,
-.c10[type='reset']::-moz-focus-inner,
-.c10[type='submit']::-moz-focus-inner {
+.c9::-moz-focus-inner,
+.c9[type='button']::-moz-focus-inner,
+.c9[type='reset']::-moz-focus-inner,
+.c9[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c10:-moz-focusring,
-.c10[type='button']:-moz-focusring,
-.c10[type='reset']:-moz-focusring,
-.c10[type='submit']:-moz-focusring {
+.c9:-moz-focusring,
+.c9[type='button']:-moz-focusring,
+.c9[type='reset']:-moz-focusring,
+.c9[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c10 + button,
-.c10 + a {
-  margin-left: 0.375rem;
-}
-
-.c9 {
-  display: inline-block;
-}
-
 .c9 + button,
 .c9 + a {
   margin-left: 0.375rem;
 }
 
 .c8 {
+  display: inline-block;
+}
+
+.c8 + button,
+.c8 + a {
+  margin-left: 0.375rem;
+}
+
+.c7 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -492,7 +473,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   border-color: rgb(216,216,216);
 }
 
-.c8:focus {
+.c7:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -500,38 +481,38 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c8:hover {
+.c7:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c8[disabled] {
+.c7[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c8:focus {
+.c7:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c8:hover {
+.c7:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
@@ -551,23 +532,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c12 {
+.c11 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -586,7 +551,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c11 {
+.c10 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -702,9 +667,6 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
             placeholder="Example: mySQLdb"
             required={true}
           />
-          <label
-            className="c6"
-          />
         </div>
       </div>
     </div>
@@ -712,10 +674,10 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
       className="c1"
     >
       <div
-        className="c7"
+        className="c6"
       >
         <button
-          className="c8 c9 c10"
+          className="c7 c8 c9"
           disabled={true}
           href=""
           type="submit"
@@ -723,7 +685,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
           Add
         </button>
         <div
-          className="c11 c12"
+          className="c10 c11"
           height="0.25rem"
         />
       </div>
diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap
index d9aee612..83de1fd0 100644
--- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap
+++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <KeyValue /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -14,36 +14,36 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -88,7 +88,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -96,43 +96,43 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -178,7 +178,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -186,43 +186,43 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -280,7 +280,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -288,66 +288,66 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -366,22 +366,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -401,7 +385,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -430,7 +414,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -440,7 +424,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -475,7 +459,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -571,7 +555,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -846,7 +830,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -855,7 +839,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -873,7 +857,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -882,7 +866,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -963,17 +947,13 @@ exports[`renders <KeyValue /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -1005,27 +985,23 @@ exports[`renders <KeyValue /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -1036,7 +1012,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -1047,10 +1023,10 @@ exports[`renders <KeyValue /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -1328,7 +1304,7 @@ exports[`renders <KeyValue expanded={false} /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue input="input" /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1341,36 +1317,36 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1415,7 +1391,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1423,43 +1399,43 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1505,7 +1481,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1513,43 +1489,43 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1607,7 +1583,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1615,66 +1591,66 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -1693,22 +1669,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -1728,7 +1688,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1757,7 +1717,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1767,7 +1727,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1802,7 +1762,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -1898,7 +1858,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -2173,7 +2133,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -2182,7 +2142,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -2200,7 +2160,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -2209,7 +2169,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -2290,17 +2250,13 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -2332,27 +2288,23 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -2363,7 +2315,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -2374,10 +2326,10 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -2416,7 +2368,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -2429,27 +2381,27 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -2462,16 +2414,16 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   max-width: 100%;
 }
 
-.c24 {
+.c23 {
   display: inline-block;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2516,7 +2468,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2524,43 +2476,43 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2606,7 +2558,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2614,43 +2566,43 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2708,7 +2660,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2716,66 +2668,66 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -2794,22 +2746,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -2829,7 +2765,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -2868,7 +2804,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -2899,7 +2835,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin-top: 0.75rem;
 }
 
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -2910,7 +2846,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -3198,7 +3134,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
+.c19 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -3223,58 +3159,58 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -3291,7 +3227,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3300,7 +3236,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -3327,7 +3263,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -3406,16 +3342,12 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
                 >
                   <div
                     className="c16"
-                  >
-                    <label
-                      className="c17"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
             <div
-              className="c18 c10"
+              className="c17 c10"
               height="0.75rem"
             />
           </div>
@@ -3443,7 +3375,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
                 className="c14"
               >
                 <textarea
-                  className="c19 c20"
+                  className="c18 c19"
                   disabled={false}
                   id="p"
                   onBlur={undefined}
@@ -3454,30 +3386,26 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
               >
                 <div
                   className="c16"
-                >
-                  <label
-                    className="c17"
-                  />
-                </div>
+                />
               </div>
             </div>
             <div
-              className="c18 c10"
+              className="c17 c10"
               height="0.75rem"
             />
           </div>
         </div>
         <div
-          className="c21"
+          className="c20"
         >
           <div
-            className="c22"
+            className="c21"
           >
             <div
               className="c11"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -3488,7 +3416,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -3499,10 +3427,10 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -3541,7 +3469,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue method="add" /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3554,36 +3482,36 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3628,7 +3556,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3636,43 +3564,43 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3718,7 +3646,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3726,43 +3654,43 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3820,7 +3748,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3828,66 +3756,66 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -3906,22 +3834,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -3941,7 +3853,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -3970,7 +3882,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -3980,7 +3892,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4015,7 +3927,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -4111,7 +4023,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -4386,7 +4298,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -4395,7 +4307,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -4413,7 +4325,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -4422,7 +4334,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -4503,17 +4415,13 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -4545,27 +4453,23 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -4576,7 +4480,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -4587,10 +4491,10 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -4629,7 +4533,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -4642,36 +4546,36 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4716,7 +4620,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4724,43 +4628,43 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4806,7 +4710,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4814,43 +4718,43 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4908,7 +4812,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4916,66 +4820,66 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -4994,22 +4898,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -5029,7 +4917,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -5058,7 +4946,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -5068,7 +4956,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -5082,7 +4970,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -5178,7 +5066,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -5464,7 +5352,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -5473,7 +5361,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -5491,7 +5379,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -5500,7 +5388,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -5601,17 +5489,13 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -5643,27 +5527,23 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -5674,7 +5554,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -5685,10 +5565,10 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -5727,7 +5607,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue removing /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -5740,34 +5620,34 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c30 {
+.c29 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
-.c31 {
+.c30 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -5776,7 +5656,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   animation-delay: 0.5s;
 }
 
-.c32 {
+.c31 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -5785,7 +5665,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   animation-delay: 1s;
 }
 
-.c29 {
+.c28 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -5813,16 +5693,16 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   flex: 1 0 auto;
 }
 
-.c24 {
+.c23 {
   display: inline-block;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -5867,7 +5747,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5875,43 +5755,43 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -5957,7 +5837,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5965,43 +5845,43 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -6064,7 +5944,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -6072,83 +5952,83 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -6167,22 +6047,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -6202,7 +6066,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -6231,7 +6095,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -6241,7 +6105,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -6276,7 +6140,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -6372,7 +6236,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -6647,7 +6511,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -6656,7 +6520,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -6674,7 +6538,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -6683,7 +6547,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -6764,17 +6628,13 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -6806,27 +6666,23 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -6837,7 +6693,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -6848,10 +6704,10 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -6859,28 +6715,28 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
                 type="button"
               >
                 <div
-                  className="c29"
+                  className="c28"
                 >
                   <svg
                     height="10"
                     width="28"
                   >
                     <rect
-                      className="c30"
+                      className="c29"
                       height="6"
                       width="6"
                       x="2"
                       y="2"
                     />
                     <rect
-                      className="c31"
+                      className="c30"
                       height="6"
                       width="6"
                       x="11"
                       y="2"
                     />
                     <rect
-                      className="c32"
+                      className="c31"
                       height="6"
                       width="6"
                       x="20"
@@ -6899,7 +6755,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue submitting /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -6912,34 +6768,34 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c28 {
+.c27 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
-.c29 {
+.c28 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -6948,7 +6804,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   animation-delay: 0.5s;
 }
 
-.c30 {
+.c29 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -6957,7 +6813,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   animation-delay: 1s;
 }
 
-.c27 {
+.c26 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6985,16 +6841,16 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   flex: 1 0 auto;
 }
 
-.c24 {
+.c23 {
   display: inline-block;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7040,7 +6896,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -7048,43 +6904,43 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c32 {
+.c31 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7147,7 +7003,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   float: right;
 }
 
-.c32:focus {
+.c31:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -7155,87 +7011,87 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c32:hover {
+.c31:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c32:active,
-.c32:active:hover,
-.c32:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c32[disabled] {
+.c31[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c32:focus {
+.c31:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c32:hover {
+.c31:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c32:active,
-.c32:active:hover,
-.c32:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c32:focus {
+.c31:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c32:hover {
+.c31:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c32:active,
-.c32:active:hover,
-.c32:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c32:focus {
+.c31:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c32:hover {
+.c31:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c32:active,
-.c32:active:hover,
-.c32:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c32 svg + span {
+.c31 svg + span {
   margin-left: 0.75rem;
 }
 
-.c32 svg {
+.c31 svg {
   max-height: 1.125rem;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7285,7 +7141,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -7293,55 +7149,55 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
@@ -7361,22 +7217,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -7396,7 +7236,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -7425,7 +7265,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -7435,7 +7275,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   display: block;
 }
 
-.c31 {
+.c30 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -7470,7 +7310,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -7566,7 +7406,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -7856,7 +7696,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -7865,7 +7705,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -7883,7 +7723,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -7892,7 +7732,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c31 {
+  .c30 {
     display: none;
   }
 }
@@ -7973,17 +7813,13 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -8015,27 +7851,23 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={true}
                 href=""
                 onClick={[Function]}
@@ -8046,34 +7878,34 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
               >
                 <div
-                  className="c27"
+                  className="c26"
                 >
                   <svg
                     height="10"
                     width="28"
                   >
                     <rect
-                      className="c28"
+                      className="c27"
                       height="6"
                       width="6"
                       x="2"
                       y="2"
                     />
                     <rect
-                      className="c29"
+                      className="c28"
                       height="6"
                       width="6"
                       x="11"
                       y="2"
                     />
                     <rect
-                      className="c30"
+                      className="c29"
                       height="6"
                       width="6"
                       x="20"
@@ -8084,10 +7916,10 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c31"
+              className="c30"
             >
               <button
-                className="c32 c24 c25"
+                className="c31 c23 c24"
                 disabled={true}
                 href=""
                 icon={true}
@@ -8126,7 +7958,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
 `;
 
 exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -8139,36 +7971,36 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -8213,7 +8045,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -8221,43 +8053,43 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -8303,7 +8135,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -8311,43 +8143,43 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -8405,7 +8237,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -8413,66 +8245,66 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -8491,22 +8323,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -8526,7 +8342,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -8555,7 +8371,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -8565,7 +8381,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -8600,7 +8416,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -8696,7 +8512,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -8971,7 +8787,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -8980,7 +8796,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -8998,7 +8814,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -9007,7 +8823,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -9088,17 +8904,13 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -9130,27 +8942,23 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -9161,7 +8969,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -9172,10 +8980,10 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap
index 4dab6b61..c4722325 100644
--- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap
+++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap
@@ -5,7 +5,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -18,7 +18,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   padding: 1.125rem;
 }
 
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -31,36 +31,36 @@ exports[`renders <AddForm /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -105,7 +105,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -113,43 +113,43 @@ exports[`renders <AddForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -195,7 +195,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -203,43 +203,43 @@ exports[`renders <AddForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -297,7 +297,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -305,66 +305,66 @@ exports[`renders <AddForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -383,22 +383,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -418,7 +402,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -447,7 +431,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -457,7 +441,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -571,7 +555,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -846,7 +830,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -855,7 +839,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -873,7 +857,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -882,7 +866,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -963,17 +947,13 @@ exports[`renders <AddForm /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -1005,27 +985,23 @@ exports[`renders <AddForm /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -1036,7 +1012,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -1047,10 +1023,10 @@ exports[`renders <AddForm /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
@@ -1093,7 +1069,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -1106,7 +1082,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   padding: 1.125rem;
 }
 
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1119,36 +1095,36 @@ exports[`renders <EditForm /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1193,7 +1169,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1201,43 +1177,43 @@ exports[`renders <EditForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1283,7 +1259,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1291,43 +1267,43 @@ exports[`renders <EditForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1385,7 +1361,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1393,66 +1369,66 @@ exports[`renders <EditForm /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -1471,22 +1447,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -1506,7 +1466,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1535,7 +1495,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1545,7 +1505,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1638,7 +1598,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -1924,7 +1884,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -1933,7 +1893,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -1951,7 +1911,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -1960,7 +1920,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -2061,17 +2021,13 @@ exports[`renders <EditForm /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c19"
+            className="c18"
           />
           <div
             className="c11"
@@ -2103,27 +2059,23 @@ exports[`renders <EditForm /> without throwing 1`] = `
                 >
                   <div
                     className="c17"
-                  >
-                    <label
-                      className="c18"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div
-          className="c20"
+          className="c19"
         >
           <div
-            className="c21"
+            className="c20"
           >
             <div
-              className="c22"
+              className="c21"
             >
               <button
-                className="c23 c24 c25"
+                className="c22 c23 c24"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -2134,7 +2086,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c26 c24 c25"
+                className="c25 c23 c24"
                 disabled={true}
                 href=""
                 type="submit"
@@ -2145,10 +2097,10 @@ exports[`renders <EditForm /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c27"
+              className="c26"
             >
               <button
-                className="c28 c24 c25"
+                className="c27 c23 c24"
                 disabled={false}
                 href=""
                 icon={true}
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png
index 50244cca..eda58e61 100644
Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png
index 50244cca..eda58e61 100644
Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png
index e57cb0fe..c3fbb7a6 100644
Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
index aeecfdf2..4e6e5e5a 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
@@ -190,22 +190,6 @@ exports[`renders <Rule/> without throwing 1`] = `
   display: none;
 }
 
-.c16 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c2 {
   color: rgba(73,73,73,1);
   font-weight: normal;
@@ -923,9 +907,6 @@ exports[`renders <Rule/> without throwing 1`] = `
           }
         }
       />
-      <label
-        className="c16"
-      />
     </div>
   </div>
 </div>
@@ -1071,22 +1052,6 @@ exports[`renders <Rule/> without throwing 2`] = `
   display: none;
 }
 
-.c16 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c2 {
   color: rgba(73,73,73,1);
   font-weight: normal;
@@ -1804,9 +1769,6 @@ exports[`renders <Rule/> without throwing 2`] = `
           }
         }
       />
-      <label
-        className="c16"
-      />
     </div>
   </div>
 </div>
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap
index a4b4a4d9..96b545d4 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap
@@ -5,7 +5,7 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c10 {
+.c9 {
   margin-left: 0.375rem;
 }
 
@@ -53,7 +53,7 @@ exports[`renders <Name /> without throwing 1`] = `
   display: flex;
 }
 
-.c7 {
+.c6 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -70,7 +70,7 @@ exports[`renders <Name /> without throwing 1`] = `
   display: block;
 }
 
-.c13 {
+.c12 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -83,36 +83,36 @@ exports[`renders <Name /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c13::-moz-focus-inner,
-.c13[type='button']::-moz-focus-inner,
-.c13[type='reset']::-moz-focus-inner,
-.c13[type='submit']::-moz-focus-inner {
+.c12::-moz-focus-inner,
+.c12[type='button']::-moz-focus-inner,
+.c12[type='reset']::-moz-focus-inner,
+.c12[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[type='submit']:-moz-focusring {
+.c12:-moz-focusring,
+.c12[type='button']:-moz-focusring,
+.c12[type='reset']:-moz-focusring,
+.c12[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c13 + button,
-.c13 + a {
-  margin-left: 0.375rem;
-}
-
-.c12 {
-  display: inline-block;
-}
-
 .c12 + button,
 .c12 + a {
   margin-left: 0.375rem;
 }
 
 .c11 {
+  display: inline-block;
+}
+
+.c11 + button,
+.c11 + a {
+  margin-left: 0.375rem;
+}
+
+.c10 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -166,7 +166,7 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
-.c11:focus {
+.c10:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -174,47 +174,47 @@ exports[`renders <Name /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c11[disabled] {
+.c10[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c11:focus {
+.c10:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c11 svg + span {
+.c10 svg + span {
   margin-left: 0.75rem;
 }
 
-.c11 svg {
+.c10 svg {
   max-height: 1.125rem;
 }
 
@@ -233,23 +233,7 @@ exports[`renders <Name /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c9 {
+.c8 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -268,7 +252,7 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c8 {
+.c7 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -383,23 +367,20 @@ exports[`renders <Name /> without throwing 1`] = `
             placeholder={undefined}
           />
         </div>
-        <label
-          className="c6"
-        />
       </div>
     </div>
     <div
-      className="c7"
+      className="c6"
     >
       <div
-        className="c8 c9"
+        className="c7 c8"
         height="0.8125rem"
       />
       <div
-        className="c10"
+        className="c9"
       >
         <button
-          className="c11 c12 c13"
+          className="c10 c11 c12"
           href=""
           icon={true}
           onClick={undefined}
@@ -440,7 +421,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c10 {
+.c9 {
   margin-left: 0.375rem;
 }
 
@@ -488,7 +469,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   display: flex;
 }
 
-.c7 {
+.c6 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -505,7 +486,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   display: block;
 }
 
-.c13 {
+.c12 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -518,36 +499,36 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c13::-moz-focus-inner,
-.c13[type='button']::-moz-focus-inner,
-.c13[type='reset']::-moz-focus-inner,
-.c13[type='submit']::-moz-focus-inner {
+.c12::-moz-focus-inner,
+.c12[type='button']::-moz-focus-inner,
+.c12[type='reset']::-moz-focus-inner,
+.c12[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[type='submit']:-moz-focusring {
+.c12:-moz-focusring,
+.c12[type='button']:-moz-focusring,
+.c12[type='reset']:-moz-focusring,
+.c12[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c13 + button,
-.c13 + a {
-  margin-left: 0.375rem;
-}
-
-.c12 {
-  display: inline-block;
-}
-
 .c12 + button,
 .c12 + a {
   margin-left: 0.375rem;
 }
 
 .c11 {
+  display: inline-block;
+}
+
+.c11 + button,
+.c11 + a {
+  margin-left: 0.375rem;
+}
+
+.c10 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -601,7 +582,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
-.c11:focus {
+.c10:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -609,47 +590,47 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c11[disabled] {
+.c10[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c11:focus {
+.c10:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c11 svg + span {
+.c10 svg + span {
   margin-left: 0.75rem;
 }
 
-.c11 svg {
+.c10 svg {
   max-height: 1.125rem;
 }
 
@@ -668,23 +649,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c9 {
+.c8 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -703,7 +668,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c8 {
+.c7 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -818,23 +783,20 @@ exports[`renders <Name expanded /> without throwing 1`] = `
             placeholder={undefined}
           />
         </div>
-        <label
-          className="c6"
-        />
       </div>
     </div>
     <div
-      className="c7"
+      className="c6"
     >
       <div
-        className="c8 c9"
+        className="c7 c8"
         height="0.8125rem"
       />
       <div
-        className="c10"
+        className="c9"
       >
         <button
-          className="c11 c12 c13"
+          className="c10 c11 c12"
           href=""
           icon={true}
           onClick={undefined}
@@ -875,7 +837,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c10 {
+.c9 {
   margin-left: 0.375rem;
 }
 
@@ -923,7 +885,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   display: flex;
 }
 
-.c7 {
+.c6 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -940,7 +902,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   display: block;
 }
 
-.c13 {
+.c12 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -953,36 +915,36 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c13::-moz-focus-inner,
-.c13[type='button']::-moz-focus-inner,
-.c13[type='reset']::-moz-focus-inner,
-.c13[type='submit']::-moz-focus-inner {
+.c12::-moz-focus-inner,
+.c12[type='button']::-moz-focus-inner,
+.c12[type='reset']::-moz-focus-inner,
+.c12[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[type='submit']:-moz-focusring {
+.c12:-moz-focusring,
+.c12[type='button']:-moz-focusring,
+.c12[type='reset']:-moz-focusring,
+.c12[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c13 + button,
-.c13 + a {
-  margin-left: 0.375rem;
-}
-
-.c12 {
-  display: inline-block;
-}
-
 .c12 + button,
 .c12 + a {
   margin-left: 0.375rem;
 }
 
 .c11 {
+  display: inline-block;
+}
+
+.c11 + button,
+.c11 + a {
+  margin-left: 0.375rem;
+}
+
+.c10 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1036,7 +998,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
-.c11:focus {
+.c10:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1044,47 +1006,47 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c11[disabled] {
+.c10[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c11:focus {
+.c10:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c11 svg + span {
+.c10 svg + span {
   margin-left: 0.75rem;
 }
 
-.c11 svg {
+.c10 svg {
   max-height: 1.125rem;
 }
 
@@ -1103,23 +1065,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c9 {
+.c8 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1138,7 +1084,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c8 {
+.c7 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -1253,23 +1199,20 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
             placeholder={undefined}
           />
         </div>
-        <label
-          className="c6"
-        />
       </div>
     </div>
     <div
-      className="c7"
+      className="c6"
     >
       <div
-        className="c8 c9"
+        className="c7 c8"
         height="0.8125rem"
       />
       <div
-        className="c10"
+        className="c9"
       >
         <button
-          className="c11 c12 c13"
+          className="c10 c11 c12"
           href=""
           icon={true}
           onClick={undefined}
@@ -1310,7 +1253,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c10 {
+.c9 {
   margin-left: 0.375rem;
 }
 
@@ -1358,7 +1301,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   display: flex;
 }
 
-.c7 {
+.c6 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -1375,7 +1318,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   display: block;
 }
 
-.c13 {
+.c12 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1388,36 +1331,36 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c13::-moz-focus-inner,
-.c13[type='button']::-moz-focus-inner,
-.c13[type='reset']::-moz-focus-inner,
-.c13[type='submit']::-moz-focus-inner {
+.c12::-moz-focus-inner,
+.c12[type='button']::-moz-focus-inner,
+.c12[type='reset']::-moz-focus-inner,
+.c12[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[type='submit']:-moz-focusring {
+.c12:-moz-focusring,
+.c12[type='button']:-moz-focusring,
+.c12[type='reset']:-moz-focusring,
+.c12[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c13 + button,
-.c13 + a {
-  margin-left: 0.375rem;
-}
-
-.c12 {
-  display: inline-block;
-}
-
 .c12 + button,
 .c12 + a {
   margin-left: 0.375rem;
 }
 
 .c11 {
+  display: inline-block;
+}
+
+.c11 + button,
+.c11 + a {
+  margin-left: 0.375rem;
+}
+
+.c10 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1471,7 +1414,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
-.c11:focus {
+.c10:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1479,47 +1422,47 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c11[disabled] {
+.c10[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c11:focus {
+.c10:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c11:hover {
+.c10:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c11 svg + span {
+.c10 svg + span {
   margin-left: 0.75rem;
 }
 
-.c11 svg {
+.c10 svg {
   max-height: 1.125rem;
 }
 
@@ -1538,23 +1481,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c9 {
+.c8 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1573,7 +1500,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c8 {
+.c7 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -1688,23 +1615,20 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
             placeholder={undefined}
           />
         </div>
-        <label
-          className="c6"
-        />
       </div>
     </div>
     <div
-      className="c7"
+      className="c6"
     >
       <div
-        className="c8 c9"
+        className="c7 c8"
         height="0.8125rem"
       />
       <div
-        className="c10"
+        className="c9"
       >
         <button
-          className="c11 c12 c13"
+          className="c10 c11 c12"
           href=""
           icon={true}
           onClick={undefined}
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png
index 87bf4404..2ae2986c 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png
index 696e11dd..5ee2a970 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png
index 2d138755..aa7146ca 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png
index 5ec9a89b..a189ad12 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png
index b225dd28..854cffd8 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
index 6ac80bae..2a2b040b 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
@@ -1,6 +1,1107 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <AddForm /> without throwing 1`] = `
+.c24 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c24 + button,
+.c24 + a {
+  margin-left: 0.375rem;
+}
+
+.c18 {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  margin: 0;
+}
+
+.c22:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c22:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c22[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c22:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c22:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c25 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  margin: 0;
+}
+
+.c25:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c25:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c25[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c25:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c27 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin: 0;
+  float: right;
+}
+
+.c27:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c27:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c27:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c27 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c27 svg {
+  max-height: 1.125rem;
+}
+
+.c13 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c10 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c21 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c11 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c16 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c26 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c7 {
+  color: rgba(73,73,73,1);
+  font-weight: 600;
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c7 + p,
+.c7 + small,
+.c7 + h1,
+.c7 + h2,
+.c7 + label,
+.c7 + h3,
+.c7 + h4,
+.c7 + h5,
+.c7 + div,
+.c7 + span {
+  margin-top: 0.75rem;
+}
+
+.c17 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c14 {
+  margin-top: 0.1875rem;
+}
+
+.c20 {
+  margin-top: 0.375rem;
+}
+
+.c3 {
+  padding-right: 1.125rem;
+  padding-left: 1.125rem;
+}
+
+.c9 {
+  padding: 1.125rem;
+}
+
+.c4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  -webkit-flex-basis: 100%;
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+}
+
+.c0 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c1 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  min-height: auto;
+  height: 2.875rem;
+  -webkit-flex: 0 0 2.875rem;
+  -ms-flex: 0 0 2.875rem;
+  flex: 0 0 2.875rem;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  z-index: 1;
+  line-height: 1.5rem;
+  height: auto;
+  max-width: 100%;
+  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
+}
+
+.c1 button {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.c6 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  min-height: auto;
+  height: 2.875rem;
+  -webkit-flex: 0 0 2.875rem;
+  -ms-flex: 0 0 2.875rem;
+  flex: 0 0 2.875rem;
+  box-sizing: border-box;
+  min-height: 2.9375rem;
+  max-width: 100%;
+  width: auto;
+  height: auto;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  overflow: hidden;
+  background-color: transparent;
+  border-width: 0;
+  box-shadow: none;
+  color: inherit;
+}
+
+.c8 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  border-width: 0;
+  margin-bottom: 0;
+  background-color: transparent;
+}
+
+.c8 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c8 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c12 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+  width: 100%;
+}
+
+.c15 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  max-width: 22.1875rem;
+  text-overflow: ellipsis;
+}
+
+.c15:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c15::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c15::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c15:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c15:invalid {
+  box-shadow: none;
+}
+
+.c15:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c15:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c15:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c15:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  font-family: "Roboto Mono",monospace;
+  width: 100%;
+  min-width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+}
+
+.c19:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+  box-shadow: none;
+}
+
+.c19:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled {
+  color: rgba(73,73,73,1);
+}
+
+.c19:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,1);
+}
+
+.c19:disabled::-moz-placeholder {
+  color: rgba(73,73,73,1);
+}
+
+.c19:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,1);
+}
+
+.c2 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.c5 {
+  height: 2.9375rem;
+  max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c11 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c16 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c26 {
+    display: none;
+  }
+}
+
+<form
+  onSubmit={undefined}
+>
+  <div
+    className="c0"
+    disabled={false}
+    name="card"
+  >
+    <div
+      className="c1"
+      disabled={false}
+      name="card-header"
+      onClick={false}
+    >
+      <div
+        className="c2 c3"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5 c6"
+            disabled={false}
+            name="card-header-meta"
+          >
+            <h4
+              className="c7"
+            >
+              Add metadata
+            </h4>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="c8"
+      name="card-outlet"
+    >
+      <div
+        className="c9"
+      >
+        <div
+          className="c10"
+        >
+          <div
+            className="c11"
+          >
+            <div
+              className="baseline-jVaZNU kXgQxt c12"
+              name="name"
+              role="group"
+              style={undefined}
+            >
+              <label
+                className="c13"
+                htmlFor="k"
+              >
+                Metadata
+                 key
+              </label>
+              <div
+                className="c14"
+              >
+                <input
+                  className="c15"
+                  disabled={false}
+                  id="k"
+                  onBlur={null}
+                />
+                <div
+                  className="c10"
+                >
+                  <div
+                    className="c16"
+                  />
+                </div>
+              </div>
+            </div>
+            <div
+              className="c17 c10"
+              height="0.75rem"
+            />
+          </div>
+        </div>
+        <div
+          className="c10"
+        >
+          <div
+            className="c11"
+          >
+            <div
+              className="baseline-jVaZNU kXgQxt c12"
+              name="value"
+              role="group"
+              style={undefined}
+            >
+              <label
+                className="c13"
+                htmlFor="l"
+              >
+                Metadata
+                 value
+              </label>
+              <div
+                className="c14"
+              >
+                <textarea
+                  className="c18 c19"
+                  disabled={false}
+                  id="l"
+                  onBlur={undefined}
+                />
+              </div>
+              <div
+                className="c10"
+              >
+                <div
+                  className="c16"
+                />
+              </div>
+            </div>
+            <div
+              className="c17 c10"
+              height="0.75rem"
+            />
+          </div>
+        </div>
+        <div
+          className="c20"
+        >
+          <div
+            className="c21"
+          >
+            <div
+              className="c11"
+            >
+              <button
+                className="c22 c23 c24"
+                disabled={false}
+                href=""
+                onClick={[Function]}
+                type="button"
+              >
+                <span>
+                  Cancel
+                </span>
+              </button>
+              <button
+                className="c25 c23 c24"
+                disabled={true}
+                href=""
+                type="submit"
+              >
+                <span>
+                  Create
+                </span>
+              </button>
+            </div>
+            <div
+              className="c26"
+            >
+              <button
+                className="c27 c23 c24"
+                disabled={false}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 12 16"
+                  width="12"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                    fill="rgb(210, 67, 58)"
+                  />
+                </svg>
+                <span>
+                  Remove
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
+`;
+
+exports[`renders <EditForm /> without throwing 1`] = `
 .c25 {
   font-family: sans-serif;
   font-size: 100%;
@@ -34,7 +1135,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -379,22 +1480,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -414,7 +1499,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -453,6 +1538,16 @@ exports[`renders <AddForm /> without throwing 1`] = `
   display: block;
 }
 
+.c22 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
 .c27 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
@@ -463,28 +1558,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   display: block;
 }
 
-.c7 {
-  color: rgba(73,73,73,1);
-  font-weight: 600;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
-  margin-top: 0.75rem;
-}
-
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -495,7 +1569,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -564,104 +1638,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
-.c1 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  min-height: auto;
-  height: 2.875rem;
-  -webkit-flex: 0 0 2.875rem;
-  -ms-flex: 0 0 2.875rem;
-  flex: 0 0 2.875rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  z-index: 1;
-  line-height: 1.5rem;
-  height: auto;
-  max-width: 100%;
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c1 button {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.c6 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  min-height: auto;
-  height: 2.875rem;
-  -webkit-flex: 0 0 2.875rem;
-  -ms-flex: 0 0 2.875rem;
-  flex: 0 0 2.875rem;
-  box-sizing: border-box;
-  min-height: 2.9375rem;
-  max-width: 100%;
-  width: auto;
-  height: auto;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  overflow: hidden;
-  background-color: transparent;
-  border-width: 0;
-  box-shadow: none;
-  color: inherit;
-}
-
 .c8 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -706,6 +1682,106 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-bottom: 0.4375rem;
 }
 
+.c1 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: pointer;
+  min-height: auto;
+  height: 2.875rem;
+  -webkit-flex: 0 0 2.875rem;
+  -ms-flex: 0 0 2.875rem;
+  flex: 0 0 2.875rem;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  z-index: 1;
+  line-height: 1.5rem;
+  height: auto;
+  max-width: 100%;
+  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
+}
+
+.c1 button {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.c6 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: pointer;
+  min-height: auto;
+  height: 2.875rem;
+  -webkit-flex: 0 0 2.875rem;
+  -ms-flex: 0 0 2.875rem;
+  flex: 0 0 2.875rem;
+  box-sizing: border-box;
+  min-height: 2.9375rem;
+  max-width: 100%;
+  width: auto;
+  height: auto;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  overflow: hidden;
+  background-color: transparent;
+  border-width: 0;
+  box-shadow: none;
+  color: inherit;
+}
+
 .c12 {
   display: inline-block;
   margin: 0;
@@ -783,1123 +1859,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 6rem;
-  min-height: 6rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgba(73,73,73,1);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-family: "Roboto Mono",monospace;
-  width: 100%;
-  min-width: 100%;
-  text-overflow: ellipsis;
-  resize: vertical;
-}
-
-.c20:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c20::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20:invalid {
-  box-shadow: none;
-}
-
-.c20:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c20:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20:disabled {
-  color: rgba(73,73,73,1);
-}
-
-.c20:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,1);
-}
-
-.c20:disabled::-moz-placeholder {
-  color: rgba(73,73,73,1);
-}
-
-.c20:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,1);
-}
-
-.c2 {
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.c5 {
-  height: 2.9375rem;
-  max-width: 98%;
-}
-
-@media only screen and (min-width:0em) {
-  .c22 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c22 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c11 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c16 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c27 {
-    display: none;
-  }
-}
-
-<form
-  onSubmit={undefined}
->
-  <div
-    className="c0"
-    disabled={false}
-    name="card"
-  >
-    <div
-      className="c1"
-      disabled={false}
-      name="card-header"
-      onClick={false}
-    >
-      <div
-        className="c2 c3"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5 c6"
-            disabled={false}
-            name="card-header-meta"
-          >
-            <h4
-              className="c7"
-            >
-              Add metadata
-            </h4>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      className="c8"
-      name="card-outlet"
-    >
-      <div
-        className="c9"
-      >
-        <div
-          className="c10"
-        >
-          <div
-            className="c11"
-          >
-            <div
-              className="baseline-jVaZNU kXgQxt c12"
-              name="name"
-              role="group"
-              style={undefined}
-            >
-              <label
-                className="c13"
-                htmlFor="k"
-              >
-                Metadata
-                 key
-              </label>
-              <div
-                className="c14"
-              >
-                <input
-                  className="c15"
-                  disabled={false}
-                  id="k"
-                  onBlur={null}
-                />
-                <div
-                  className="c10"
-                >
-                  <div
-                    className="c16"
-                  >
-                    <label
-                      className="c17"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="c18 c10"
-              height="0.75rem"
-            />
-          </div>
-        </div>
-        <div
-          className="c10"
-        >
-          <div
-            className="c11"
-          >
-            <div
-              className="baseline-jVaZNU kXgQxt c12"
-              name="value"
-              role="group"
-              style={undefined}
-            >
-              <label
-                className="c13"
-                htmlFor="l"
-              >
-                Metadata
-                 value
-              </label>
-              <div
-                className="c14"
-              >
-                <textarea
-                  className="c19 c20"
-                  disabled={false}
-                  id="l"
-                  onBlur={undefined}
-                />
-              </div>
-              <div
-                className="c10"
-              >
-                <div
-                  className="c16"
-                >
-                  <label
-                    className="c17"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              className="c18 c10"
-              height="0.75rem"
-            />
-          </div>
-        </div>
-        <div
-          className="c21"
-        >
-          <div
-            className="c22"
-          >
-            <div
-              className="c11"
-            >
-              <button
-                className="c23 c24 c25"
-                disabled={false}
-                href=""
-                onClick={[Function]}
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                className="c26 c24 c25"
-                disabled={true}
-                href=""
-                type="submit"
-              >
-                <span>
-                  Create
-                </span>
-              </button>
-            </div>
-            <div
-              className="c27"
-            >
-              <button
-                className="c28 c24 c25"
-                disabled={false}
-                href=""
-                icon={true}
-                onClick={[Function]}
-                type="button"
-              >
-                <svg
-                  className=""
-                  height="16"
-                  innerRef={undefined}
-                  style={
-                    Object {
-                      "transform": "rotate(0deg)",
-                    }
-                  }
-                  viewBox="0 0 12 16"
-                  width="12"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                    fill="rgb(210, 67, 58)"
-                  />
-                </svg>
-                <span>
-                  Remove
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</form>
-`;
-
-exports[`renders <EditForm /> without throwing 1`] = `
-.c26 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c26::-moz-focus-inner,
-.c26[type='button']::-moz-focus-inner,
-.c26[type='reset']::-moz-focus-inner,
-.c26[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c26:-moz-focusring,
-.c26[type='button']:-moz-focusring,
-.c26[type='reset']:-moz-focusring,
-.c26[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c26 + button,
-.c26 + a {
-  margin-left: 0.375rem;
-}
-
 .c19 {
-  position: relative;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c25 {
-  display: inline-block;
-}
-
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  margin: 0;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c27 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  margin: 0;
-}
-
-.c27:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c27:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c27[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c27:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c27:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c29 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin: 0;
-  float: right;
-}
-
-.c29:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c29:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c29[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c29:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c29:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c29:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c29 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c29 svg {
-  max-height: 1.125rem;
-}
-
-.c13 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c10 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c22 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c11 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c16 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c23 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c28 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c18 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 0.75rem;
-}
-
-.c14 {
-  margin-top: 0.1875rem;
-}
-
-.c21 {
-  margin-top: 0.375rem;
-}
-
-.c3 {
-  padding-right: 1.125rem;
-  padding-left: 1.125rem;
-}
-
-.c9 {
-  padding: 1.125rem;
-}
-
-.c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-}
-
-.c0 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c8 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  box-sizing: border-box;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  border-width: 0;
-  margin-bottom: 0;
-  background-color: transparent;
-}
-
-.c8 > [name='card']:not(:last-child) {
-  margin-bottom: 0.8125rem;
-}
-
-.c8 > [name='card']:last-child {
-  margin-bottom: 0.4375rem;
-}
-
-.c1 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: pointer;
-  min-height: auto;
-  height: 2.875rem;
-  -webkit-flex: 0 0 2.875rem;
-  -ms-flex: 0 0 2.875rem;
-  flex: 0 0 2.875rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  z-index: 1;
-  line-height: 1.5rem;
-  height: auto;
-  max-width: 100%;
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c1 button {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.c6 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: pointer;
-  min-height: auto;
-  height: 2.875rem;
-  -webkit-flex: 0 0 2.875rem;
-  -ms-flex: 0 0 2.875rem;
-  flex: 0 0 2.875rem;
-  box-sizing: border-box;
-  min-height: 2.9375rem;
-  max-width: 100%;
-  width: auto;
-  height: auto;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  overflow: hidden;
-  background-color: transparent;
-  border-width: 0;
-  box-shadow: none;
-  color: inherit;
-}
-
-.c12 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-  width: 100%;
-}
-
-.c15 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgba(73,73,73,1);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  max-width: 22.1875rem;
-  text-overflow: ellipsis;
-}
-
-.c15:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c15::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c15::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c15:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c15:invalid {
-  box-shadow: none;
-}
-
-.c15:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c15:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c15:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c15:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c20 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -1924,58 +1884,58 @@ exports[`renders <EditForm /> without throwing 1`] = `
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -2001,7 +1961,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -2010,7 +1970,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -2037,7 +1997,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c22 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -2046,7 +2006,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c28 {
+  .c27 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -2145,16 +2105,12 @@ exports[`renders <EditForm /> without throwing 1`] = `
                 >
                   <div
                     className="c16"
-                  >
-                    <label
-                      className="c17"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
             </div>
             <div
-              className="c18 c10"
+              className="c17 c10"
               height="0.75rem"
             />
           </div>
@@ -2182,7 +2138,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
                 className="c14"
               >
                 <textarea
-                  className="c19 c20"
+                  className="c18 c19"
                   disabled={false}
                   id="n"
                   onBlur={undefined}
@@ -2193,30 +2149,26 @@ exports[`renders <EditForm /> without throwing 1`] = `
               >
                 <div
                   className="c16"
-                >
-                  <label
-                    className="c17"
-                  />
-                </div>
+                />
               </div>
             </div>
             <div
-              className="c18 c10"
+              className="c17 c10"
               height="0.75rem"
             />
           </div>
         </div>
         <div
-          className="c21"
+          className="c20"
         >
           <div
-            className="c22"
+            className="c21"
           >
             <div
-              className="c23"
+              className="c22"
             >
               <button
-                className="c24 c25 c26"
+                className="c23 c24 c25"
                 disabled={false}
                 href=""
                 onClick={[Function]}
@@ -2227,7 +2179,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
                 </span>
               </button>
               <button
-                className="c27 c25 c26"
+                className="c26 c24 c25"
                 disabled={true}
                 href=""
                 type="submit"
@@ -2238,10 +2190,10 @@ exports[`renders <EditForm /> without throwing 1`] = `
               </button>
             </div>
             <div
-              className="c28"
+              className="c27"
             >
               <button
-                className="c29 c25 c26"
+                className="c28 c24 c25"
                 disabled={false}
                 href=""
                 icon={true}
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png
index bcadeebb..5ecc0a89 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png
index dcd94277..6db37e97 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png
index 1e6f0b8d..3dd7a401 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png
index 525f9e43..51bae4c3 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png
index 0a3c392c..7b7cf6c5 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png
index 80dedd57..79e12fff 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png
index 1211eb99..48c8304d 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png
index fc290cb4..c944bc38 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png
index 4cfedd98..cdc5916f 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png
index 4cfedd98..cdc5916f 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png
index d96678cc..aa999095 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
index abafee1a..08554c17 100644
--- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
@@ -418,7 +418,7 @@ Array [
         s
     </h3>
 </div>,
-  .c25 {
+  .c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -431,27 +431,27 @@ Array [
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -464,16 +464,16 @@ Array [
   max-width: 100%;
 }
 
-.c24 {
+.c23 {
   display: inline-block;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -518,7 +518,7 @@ Array [
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -526,43 +526,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -608,7 +608,7 @@ Array [
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -616,43 +616,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -710,7 +710,7 @@ Array [
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -718,66 +718,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -796,22 +796,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -831,7 +815,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -870,7 +854,7 @@ Array [
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -901,7 +885,7 @@ Array [
   margin-top: 0.75rem;
 }
 
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -912,7 +896,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -1200,7 +1184,7 @@ Array [
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
+.c19 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -1225,58 +1209,58 @@ Array [
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -1293,7 +1277,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -1302,7 +1286,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -1329,7 +1313,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -1408,16 +1392,12 @@ Array [
                                 >
                                     <div
                                         className="c16"
-                                    >
-                                        <label
-                                            className="c17"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
@@ -1445,7 +1425,7 @@ Array [
                                 className="c14"
                             >
                                 <textarea
-                                    className="c19 c20"
+                                    className="c18 c19"
                                     disabled={false}
                                     id="t"
                                     onBlur={undefined}
@@ -1456,30 +1436,26 @@ Array [
                             >
                                 <div
                                     className="c16"
-                                >
-                                    <label
-                                        className="c17"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c21"
+                    className="c20"
                 >
                     <div
-                        className="c22"
+                        className="c21"
                     >
                         <div
                             className="c11"
                         >
                             <button
-                                className="c23 c24 c25"
+                                className="c22 c23 c24"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -1490,7 +1466,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c26 c24 c25"
+                                className="c25 c23 c24"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -1501,10 +1477,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c27"
+                            className="c26"
                         >
                             <button
-                                className="c28 c24 c25"
+                                className="c27 c23 c24"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -2437,7 +2413,7 @@ Array [
         />
     </div>
 </div>,
-  .c26 {
+  .c25 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -2450,27 +2426,27 @@ Array [
   min-width: 7.5rem;
 }
 
-.c26::-moz-focus-inner,
-.c26[type='button']::-moz-focus-inner,
-.c26[type='reset']::-moz-focus-inner,
-.c26[type='submit']::-moz-focus-inner {
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c26:-moz-focusring,
-.c26[type='button']:-moz-focusring,
-.c26[type='reset']:-moz-focusring,
-.c26[type='submit']:-moz-focusring {
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c26 + button,
-.c26 + a {
+.c25 + button,
+.c25 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -2483,16 +2459,16 @@ Array [
   max-width: 100%;
 }
 
-.c25 {
+.c24 {
   display: inline-block;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c24 {
+.c23 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2537,7 +2513,7 @@ Array [
   margin: 0;
 }
 
-.c24:focus {
+.c23:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2545,43 +2521,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c24[disabled] {
+.c23[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c24:focus {
+.c23:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2627,7 +2603,7 @@ Array [
   margin: 0;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2635,43 +2611,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c29 {
+.c28 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2729,7 +2705,7 @@ Array [
   float: right;
 }
 
-.c29:focus {
+.c28:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2737,66 +2713,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c29[disabled] {
+.c28[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c29:focus {
+.c28:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c29:focus {
+.c28:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:hover {
+.c28:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c29 svg + span {
+.c28 svg + span {
   margin-left: 0.75rem;
 }
 
-.c29 svg {
+.c28 svg {
   max-height: 1.125rem;
 }
 
@@ -2815,22 +2791,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -2850,7 +2810,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -2889,7 +2849,7 @@ Array [
   display: block;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -2899,7 +2859,7 @@ Array [
   display: block;
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -2909,7 +2869,7 @@ Array [
   display: block;
 }
 
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -2920,7 +2880,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -3210,7 +3170,7 @@ Array [
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
+.c19 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -3235,58 +3195,58 @@ Array [
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -3312,7 +3272,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3321,7 +3281,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -3348,7 +3308,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c22 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -3357,7 +3317,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c28 {
+  .c27 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -3444,16 +3404,12 @@ Array [
                                 >
                                     <div
                                         className="c16"
-                                    >
-                                        <label
-                                            className="c17"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
@@ -3481,7 +3437,7 @@ Array [
                                 className="c14"
                             >
                                 <textarea
-                                    className="c19 c20"
+                                    className="c18 c19"
                                     disabled={false}
                                     id="l"
                                     onBlur={undefined}
@@ -3492,30 +3448,26 @@ Array [
                             >
                                 <div
                                     className="c16"
-                                >
-                                    <label
-                                        className="c17"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c21"
+                    className="c20"
                 >
                     <div
-                        className="c22"
+                        className="c21"
                     >
                         <div
-                            className="c23"
+                            className="c22"
                         >
                             <button
-                                className="c24 c25 c26"
+                                className="c23 c24 c25"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -3526,7 +3478,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c27 c25 c26"
+                                className="c26 c24 c25"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -3537,10 +3489,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c28"
+                            className="c27"
                         >
                             <button
-                                className="c29 c25 c26"
+                                className="c28 c24 c25"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -3606,7 +3558,7 @@ Array [
     className="c0 c1"
     height="0.75rem"
 />,
-  .c26 {
+  .c25 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3619,27 +3571,27 @@ Array [
   min-width: 7.5rem;
 }
 
-.c26::-moz-focus-inner,
-.c26[type='button']::-moz-focus-inner,
-.c26[type='reset']::-moz-focus-inner,
-.c26[type='submit']::-moz-focus-inner {
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c26:-moz-focusring,
-.c26[type='button']:-moz-focusring,
-.c26[type='reset']:-moz-focusring,
-.c26[type='submit']:-moz-focusring {
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c26 + button,
-.c26 + a {
+.c25 + button,
+.c25 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -3652,16 +3604,16 @@ Array [
   max-width: 100%;
 }
 
-.c25 {
+.c24 {
   display: inline-block;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c24 {
+.c23 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3706,7 +3658,7 @@ Array [
   margin: 0;
 }
 
-.c24:focus {
+.c23:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3714,43 +3666,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c24[disabled] {
+.c23[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c24:focus {
+.c23:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3796,7 +3748,7 @@ Array [
   margin: 0;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3804,43 +3756,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c29 {
+.c28 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3898,7 +3850,7 @@ Array [
   float: right;
 }
 
-.c29:focus {
+.c28:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3906,66 +3858,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c29[disabled] {
+.c28[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c29:focus {
+.c28:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c29:focus {
+.c28:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:hover {
+.c28:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c29 svg + span {
+.c28 svg + span {
   margin-left: 0.75rem;
 }
 
-.c29 svg {
+.c28 svg {
   max-height: 1.125rem;
 }
 
@@ -3984,22 +3936,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -4019,7 +3955,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4058,7 +3994,7 @@ Array [
   display: block;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4068,7 +4004,7 @@ Array [
   display: block;
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4078,7 +4014,7 @@ Array [
   display: block;
 }
 
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -4089,7 +4025,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -4379,7 +4315,7 @@ Array [
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
+.c19 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -4404,58 +4340,58 @@ Array [
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -4481,7 +4417,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -4490,7 +4426,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -4517,7 +4453,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c22 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -4526,7 +4462,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c28 {
+  .c27 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -4613,16 +4549,12 @@ Array [
                                 >
                                     <div
                                         className="c16"
-                                    >
-                                        <label
-                                            className="c17"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
@@ -4650,7 +4582,7 @@ Array [
                                 className="c14"
                             >
                                 <textarea
-                                    className="c19 c20"
+                                    className="c18 c19"
                                     disabled={false}
                                     id="n"
                                     onBlur={undefined}
@@ -4661,30 +4593,26 @@ Array [
                             >
                                 <div
                                     className="c16"
-                                >
-                                    <label
-                                        className="c17"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c21"
+                    className="c20"
                 >
                     <div
-                        className="c22"
+                        className="c21"
                     >
                         <div
-                            className="c23"
+                            className="c22"
                         >
                             <button
-                                className="c24 c25 c26"
+                                className="c23 c24 c25"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -4695,7 +4623,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c27 c25 c26"
+                                className="c26 c24 c25"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -4706,10 +4634,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c28"
+                            className="c27"
                         >
                             <button
-                                className="c29 c25 c26"
+                                className="c28 c24 c25"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -5046,7 +4974,7 @@ Array [
         s
     </h3>
 </div>,
-  .c26 {
+  .c25 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -5059,27 +4987,27 @@ Array [
   min-width: 7.5rem;
 }
 
-.c26::-moz-focus-inner,
-.c26[type='button']::-moz-focus-inner,
-.c26[type='reset']::-moz-focus-inner,
-.c26[type='submit']::-moz-focus-inner {
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c26:-moz-focusring,
-.c26[type='button']:-moz-focusring,
-.c26[type='reset']:-moz-focusring,
-.c26[type='submit']:-moz-focusring {
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c26 + button,
-.c26 + a {
+.c25 + button,
+.c25 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -5092,16 +5020,16 @@ Array [
   max-width: 100%;
 }
 
-.c25 {
+.c24 {
   display: inline-block;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c24 {
+.c23 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -5146,7 +5074,7 @@ Array [
   margin: 0;
 }
 
-.c24:focus {
+.c23:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5154,43 +5082,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c24[disabled] {
+.c23[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c24:focus {
+.c23:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -5236,7 +5164,7 @@ Array [
   margin: 0;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5244,43 +5172,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c29 {
+.c28 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -5338,7 +5266,7 @@ Array [
   float: right;
 }
 
-.c29:focus {
+.c28:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5346,66 +5274,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c29[disabled] {
+.c28[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c29:focus {
+.c28:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c29:focus {
+.c28:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:hover {
+.c28:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c29 svg + span {
+.c28 svg + span {
   margin-left: 0.75rem;
 }
 
-.c29 svg {
+.c28 svg {
   max-height: 1.125rem;
 }
 
@@ -5424,22 +5352,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -5459,7 +5371,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -5498,7 +5410,7 @@ Array [
   display: block;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -5508,7 +5420,7 @@ Array [
   display: block;
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -5518,7 +5430,7 @@ Array [
   display: block;
 }
 
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -5529,7 +5441,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -5819,7 +5731,7 @@ Array [
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
+.c19 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -5844,58 +5756,58 @@ Array [
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -5921,7 +5833,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -5930,7 +5842,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -5957,7 +5869,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c22 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -5966,7 +5878,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c28 {
+  .c27 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -6072,16 +5984,12 @@ Array [
                                 >
                                     <div
                                         className="c16"
-                                    >
-                                        <label
-                                            className="c17"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
@@ -6109,7 +6017,7 @@ Array [
                                 className="c14"
                             >
                                 <textarea
-                                    className="c19 c20"
+                                    className="c18 c19"
                                     disabled={false}
                                     id="p"
                                     onBlur={undefined}
@@ -6120,30 +6028,26 @@ Array [
                             >
                                 <div
                                     className="c16"
-                                >
-                                    <label
-                                        className="c17"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c21"
+                    className="c20"
                 >
                     <div
-                        className="c22"
+                        className="c21"
                     >
                         <div
-                            className="c23"
+                            className="c22"
                         >
                             <button
-                                className="c24 c25 c26"
+                                className="c23 c24 c25"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -6154,7 +6058,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c27 c25 c26"
+                                className="c26 c24 c25"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -6165,10 +6069,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c28"
+                            className="c27"
                         >
                             <button
-                                className="c29 c25 c26"
+                                className="c28 c24 c25"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -6234,7 +6138,7 @@ Array [
     className="c0 c1"
     height="0.75rem"
 />,
-  .c26 {
+  .c25 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -6247,27 +6151,27 @@ Array [
   min-width: 7.5rem;
 }
 
-.c26::-moz-focus-inner,
-.c26[type='button']::-moz-focus-inner,
-.c26[type='reset']::-moz-focus-inner,
-.c26[type='submit']::-moz-focus-inner {
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c26:-moz-focusring,
-.c26[type='button']:-moz-focusring,
-.c26[type='reset']:-moz-focusring,
-.c26[type='submit']:-moz-focusring {
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c26 + button,
-.c26 + a {
+.c25 + button,
+.c25 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c18 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -6280,16 +6184,16 @@ Array [
   max-width: 100%;
 }
 
-.c25 {
+.c24 {
   display: inline-block;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
-.c24 {
+.c23 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -6334,7 +6238,7 @@ Array [
   margin: 0;
 }
 
-.c24:focus {
+.c23:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -6342,43 +6246,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c24[disabled] {
+.c23[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c24:focus {
+.c23:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c24:hover {
+.c23:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -6424,7 +6328,7 @@ Array [
   margin: 0;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -6432,43 +6336,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c29 {
+.c28 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -6526,7 +6430,7 @@ Array [
   float: right;
 }
 
-.c29:focus {
+.c28:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -6534,66 +6438,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c29[disabled] {
+.c28[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c29:focus {
+.c28:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c29:focus {
+.c28:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:hover {
+.c28:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c29 svg + span {
+.c28 svg + span {
   margin-left: 0.75rem;
 }
 
-.c29 svg {
+.c28 svg {
   max-height: 1.125rem;
 }
 
@@ -6612,22 +6516,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c17 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -6647,7 +6535,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -6686,7 +6574,7 @@ Array [
   display: block;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -6696,7 +6584,7 @@ Array [
   display: block;
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -6706,7 +6594,7 @@ Array [
   display: block;
 }
 
-.c18 {
+.c17 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -6717,7 +6605,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c21 {
+.c20 {
   margin-top: 0.375rem;
 }
 
@@ -7007,7 +6895,7 @@ Array [
   color: rgba(73,73,73,0.5);
 }
 
-.c20 {
+.c19 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -7032,58 +6920,58 @@ Array [
   resize: vertical;
 }
 
-.c20:focus {
+.c19:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c20::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20::-moz-placeholder {
+.c19::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:invalid {
+.c19:invalid {
   box-shadow: none;
 }
 
-.c20:disabled {
+.c19:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c20:disabled {
+.c19:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c20:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -7109,7 +6997,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -7118,7 +7006,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -7145,7 +7033,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c22 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -7154,7 +7042,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c28 {
+  .c27 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -7260,16 +7148,12 @@ Array [
                                 >
                                     <div
                                         className="c16"
-                                    >
-                                        <label
-                                            className="c17"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
@@ -7297,7 +7181,7 @@ Array [
                                 className="c14"
                             >
                                 <textarea
-                                    className="c19 c20"
+                                    className="c18 c19"
                                     disabled={false}
                                     id="r"
                                     onBlur={undefined}
@@ -7308,30 +7192,26 @@ Array [
                             >
                                 <div
                                     className="c16"
-                                >
-                                    <label
-                                        className="c17"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c18 c10"
+                            className="c17 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c21"
+                    className="c20"
                 >
                     <div
-                        className="c22"
+                        className="c21"
                     >
                         <div
-                            className="c23"
+                            className="c22"
                         >
                             <button
-                                className="c24 c25 c26"
+                                className="c23 c24 c25"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -7342,7 +7222,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c27 c25 c26"
+                                className="c26 c24 c25"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -7353,10 +7233,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c28"
+                            className="c27"
                         >
                             <button
-                                className="c29 c25 c26"
+                                className="c28 c24 c25"
                                 disabled={false}
                                 href=""
                                 icon={true}
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
index 23e75e7d..6e67a7ee 100644
--- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
@@ -420,7 +420,7 @@ Array [
 <ul
     className="c0"
 />,
-  .c25 {
+  .c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -433,36 +433,36 @@ Array [
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c24 {
-  display: inline-block;
-}
-
 .c24 + button,
 .c24 + a {
   margin-left: 0.375rem;
 }
 
 .c23 {
+  display: inline-block;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -507,7 +507,7 @@ Array [
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -515,43 +515,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -597,7 +597,7 @@ Array [
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -605,43 +605,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -699,7 +699,7 @@ Array [
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -707,66 +707,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -785,22 +785,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c16 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -820,7 +804,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -849,7 +833,7 @@ Array [
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -859,7 +843,7 @@ Array [
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -894,7 +878,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -990,7 +974,7 @@ Array [
   flex-basis: auto;
 }
 
-.c19 {
+.c18 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -1265,7 +1249,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -1274,7 +1258,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -1292,7 +1276,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -1301,7 +1285,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     display: none;
   }
 }
@@ -1382,17 +1366,13 @@ Array [
                                 >
                                     <div
                                         className="c17"
-                                    >
-                                        <label
-                                            className="c18"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                     </div>
                     <div
-                        className="c19"
+                        className="c18"
                     />
                     <div
                         className="c11"
@@ -1424,27 +1404,23 @@ Array [
                                 >
                                     <div
                                         className="c17"
-                                    >
-                                        <label
-                                            className="c18"
-                                        />
-                                    </div>
+                                    />
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div
-                    className="c20"
+                    className="c19"
                 >
                     <div
-                        className="c21"
+                        className="c20"
                     >
                         <div
-                            className="c22"
+                            className="c21"
                         >
                             <button
-                                className="c23 c24 c25"
+                                className="c22 c23 c24"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -1455,7 +1431,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c26 c24 c25"
+                                className="c25 c23 c24"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -1466,10 +1442,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c27"
+                            className="c26"
                         >
                             <button
-                                className="c28 c24 c25"
+                                className="c27 c23 c24"
                                 disabled={false}
                                 href=""
                                 icon={true}
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap
index b4504e7f..4b14aacb 100644
--- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap
@@ -142,7 +142,7 @@ Array [
         />
     </div>
 </div>,
-  .c24 {
+  .c23 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -155,23 +155,23 @@ Array [
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c23::-moz-focus-inner,
+.c23[type='button']::-moz-focus-inner,
+.c23[type='reset']::-moz-focus-inner,
+.c23[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c23:-moz-focusring,
+.c23[type='button']:-moz-focusring,
+.c23[type='reset']:-moz-focusring,
+.c23[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
@@ -188,16 +188,16 @@ Array [
   max-width: 100%;
 }
 
-.c23 {
+.c22 {
   display: inline-block;
 }
 
-.c23 + button,
-.c23 + a {
+.c22 + button,
+.c22 + a {
   margin-left: 0.375rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -242,7 +242,7 @@ Array [
   margin: 0;
 }
 
-.c22:focus {
+.c21:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -250,43 +250,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c22:hover {
+.c21:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c22[disabled] {
+.c21[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c22:focus {
+.c21:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c22:hover {
+.c21:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c25 {
+.c24 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -332,7 +332,7 @@ Array [
   margin: 0;
 }
 
-.c25:focus {
+.c24:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -340,43 +340,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c25:hover {
+.c24:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c25[disabled] {
+.c24[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c25:focus {
+.c24:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c25:hover {
+.c24:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -434,7 +434,7 @@ Array [
   float: right;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -442,66 +442,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27:focus {
+.c26:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c27:hover {
+.c26:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c27 svg + span {
+.c26 svg + span {
   margin-left: 0.75rem;
 }
 
-.c27 svg {
+.c26 svg {
   max-height: 1.125rem;
 }
 
@@ -520,22 +520,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -555,7 +539,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -594,7 +578,7 @@ Array [
   display: block;
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -625,7 +609,7 @@ Array [
   margin-top: 0.75rem;
 }
 
-.c19 {
+.c18 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -636,7 +620,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -956,7 +940,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -965,7 +949,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -992,7 +976,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c26 {
+  .c25 {
     display: none;
   }
 }
@@ -1072,30 +1056,26 @@ Array [
                             >
                                 <div
                                     className="c17"
-                                >
-                                    <label
-                                        className="c18"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c19 c10"
+                            className="c18 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c20"
+                    className="c19"
                 >
                     <div
-                        className="c21"
+                        className="c20"
                     >
                         <div
                             className="c11"
                         >
                             <button
-                                className="c22 c23 c24"
+                                className="c21 c22 c23"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -1106,7 +1086,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c25 c23 c24"
+                                className="c24 c22 c23"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -1117,10 +1097,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c26"
+                            className="c25"
                         >
                             <button
-                                className="c27 c23 c24"
+                                className="c26 c22 c23"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -1376,7 +1356,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c24 {
+  .c23 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1389,23 +1369,23 @@ Array [
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c23::-moz-focus-inner,
+.c23[type='button']::-moz-focus-inner,
+.c23[type='reset']::-moz-focus-inner,
+.c23[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c23:-moz-focusring,
+.c23[type='button']:-moz-focusring,
+.c23[type='reset']:-moz-focusring,
+.c23[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
@@ -1422,16 +1402,16 @@ Array [
   max-width: 100%;
 }
 
-.c23 {
+.c22 {
   display: inline-block;
 }
 
-.c23 + button,
-.c23 + a {
+.c22 + button,
+.c22 + a {
   margin-left: 0.375rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1476,7 +1456,7 @@ Array [
   margin: 0;
 }
 
-.c22:focus {
+.c21:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1484,43 +1464,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c22:hover {
+.c21:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c22[disabled] {
+.c21[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c22:focus {
+.c21:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c22:hover {
+.c21:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c25 {
+.c24 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1566,7 +1546,7 @@ Array [
   margin: 0;
 }
 
-.c25:focus {
+.c24:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1574,43 +1554,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c25:hover {
+.c24:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c25[disabled] {
+.c24[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c25:focus {
+.c24:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c25:hover {
+.c24:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1668,7 +1648,7 @@ Array [
   float: right;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1676,66 +1656,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27:focus {
+.c26:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c27:hover {
+.c26:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c27 svg + span {
+.c26 svg + span {
   margin-left: 0.75rem;
 }
 
-.c27 svg {
+.c26 svg {
   max-height: 1.125rem;
 }
 
@@ -1754,22 +1734,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -1789,7 +1753,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1828,7 +1792,7 @@ Array [
   display: block;
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1859,7 +1823,7 @@ Array [
   margin-top: 0.75rem;
 }
 
-.c19 {
+.c18 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -1870,7 +1834,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -2190,7 +2154,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -2199,7 +2163,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -2226,7 +2190,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c26 {
+  .c25 {
     display: none;
   }
 }
@@ -2306,30 +2270,26 @@ Array [
                             >
                                 <div
                                     className="c17"
-                                >
-                                    <label
-                                        className="c18"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c19 c10"
+                            className="c18 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c20"
+                    className="c19"
                 >
                     <div
-                        className="c21"
+                        className="c20"
                     >
                         <div
                             className="c11"
                         >
                             <button
-                                className="c22 c23 c24"
+                                className="c21 c22 c23"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -2340,7 +2300,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c25 c23 c24"
+                                className="c24 c22 c23"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -2351,10 +2311,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c26"
+                            className="c25"
                         >
                             <button
-                                className="c27 c23 c24"
+                                className="c26 c22 c23"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -3274,7 +3234,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c24 {
+  .c23 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3287,23 +3247,23 @@ Array [
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c23::-moz-focus-inner,
+.c23[type='button']::-moz-focus-inner,
+.c23[type='reset']::-moz-focus-inner,
+.c23[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c23:-moz-focusring,
+.c23[type='button']:-moz-focusring,
+.c23[type='reset']:-moz-focusring,
+.c23[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
@@ -3320,16 +3280,16 @@ Array [
   max-width: 100%;
 }
 
-.c23 {
+.c22 {
   display: inline-block;
 }
 
-.c23 + button,
-.c23 + a {
+.c22 + button,
+.c22 + a {
   margin-left: 0.375rem;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3374,7 +3334,7 @@ Array [
   margin: 0;
 }
 
-.c22:focus {
+.c21:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3382,43 +3342,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c22:hover {
+.c21:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c22[disabled] {
+.c21[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c22:focus {
+.c21:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c22:hover {
+.c21:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c25 {
+.c24 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3464,7 +3424,7 @@ Array [
   margin: 0;
 }
 
-.c25:focus {
+.c24:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3472,43 +3432,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c25:hover {
+.c24:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c25[disabled] {
+.c24[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c25:focus {
+.c24:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c25:hover {
+.c24:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3566,7 +3526,7 @@ Array [
   float: right;
 }
 
-.c27:focus {
+.c26:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3574,66 +3534,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c27[disabled] {
+.c26[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c27:focus {
+.c26:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c27:hover {
+.c26:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c27:focus {
+.c26:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c27:hover {
+.c26:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c27 svg + span {
+.c26 svg + span {
   margin-left: 0.75rem;
 }
 
-.c27 svg {
+.c26 svg {
   max-height: 1.125rem;
 }
 
@@ -3652,22 +3612,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -3687,7 +3631,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -3726,7 +3670,7 @@ Array [
   display: block;
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -3757,7 +3701,7 @@ Array [
   margin-top: 0.75rem;
 }
 
-.c19 {
+.c18 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -3768,7 +3712,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -4088,7 +4032,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -4097,7 +4041,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -4124,7 +4068,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c26 {
+  .c25 {
     display: none;
   }
 }
@@ -4204,30 +4148,26 @@ Array [
                             >
                                 <div
                                     className="c17"
-                                >
-                                    <label
-                                        className="c18"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c19 c10"
+                            className="c18 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c20"
+                    className="c19"
                 >
                     <div
-                        className="c21"
+                        className="c20"
                     >
                         <div
                             className="c11"
                         >
                             <button
-                                className="c22 c23 c24"
+                                className="c21 c22 c23"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -4238,7 +4178,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c25 c23 c24"
+                                className="c24 c22 c23"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -4249,10 +4189,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c26"
+                            className="c25"
                         >
                             <button
-                                className="c27 c23 c24"
+                                className="c26 c22 c23"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -4634,7 +4574,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c25 {
+  .c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -4647,23 +4587,23 @@ Array [
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
@@ -4680,16 +4620,16 @@ Array [
   max-width: 100%;
 }
 
-.c24 {
+.c23 {
   display: inline-block;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4734,7 +4674,7 @@ Array [
   margin: 0;
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4742,43 +4682,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c22:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4824,7 +4764,7 @@ Array [
   margin: 0;
 }
 
-.c26:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4832,43 +4772,43 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4926,7 +4866,7 @@ Array [
   float: right;
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4934,66 +4874,66 @@ Array [
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c27:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c27:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28 svg + span {
+.c27 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c27 svg {
   max-height: 1.125rem;
 }
 
@@ -5012,22 +4952,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -5047,7 +4971,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -5086,7 +5010,7 @@ Array [
   display: block;
 }
 
-.c22 {
+.c21 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -5096,7 +5020,7 @@ Array [
   display: block;
 }
 
-.c27 {
+.c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -5106,7 +5030,7 @@ Array [
   display: block;
 }
 
-.c19 {
+.c18 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -5117,7 +5041,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -5448,7 +5372,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -5457,7 +5381,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -5484,7 +5408,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c21 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -5493,7 +5417,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c27 {
+  .c26 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -5593,30 +5517,26 @@ Array [
                             >
                                 <div
                                     className="c17"
-                                >
-                                    <label
-                                        className="c18"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c19 c10"
+                            className="c18 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c20"
+                    className="c19"
                 >
                     <div
-                        className="c21"
+                        className="c20"
                     >
                         <div
-                            className="c22"
+                            className="c21"
                         >
                             <button
-                                className="c23 c24 c25"
+                                className="c22 c23 c24"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -5627,7 +5547,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c26 c24 c25"
+                                className="c25 c23 c24"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -5638,10 +5558,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c27"
+                            className="c26"
                         >
                             <button
-                                className="c28 c24 c25"
+                                className="c27 c23 c24"
                                 disabled={false}
                                 href=""
                                 icon={true}
@@ -6022,1320 +5942,6 @@ Array [
             </p>
         </div>
     </div>
-</div>,
-  .c25 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c25 + button,
-.c25 + a {
-  margin-left: 0.375rem;
-}
-
-.c15 {
-  position: relative;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c24 {
-  display: inline-block;
-}
-
-.c24 + button,
-.c24 + a {
-  margin-left: 0.375rem;
-}
-
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  margin: 0;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c26 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  margin: 0;
-}
-
-.c26:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c26:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c26[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c26:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c26:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c28 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin: 0;
-  float: right;
-}
-
-.c28:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c28:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c28[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c28:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c28:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c28:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c28:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c28 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c28 svg {
-  max-height: 1.125rem;
-}
-
-.c13 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c10 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c21 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c11 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c17 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c22 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c27 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c19 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 0.75rem;
-}
-
-.c14 {
-  margin-top: 0.1875rem;
-}
-
-.c20 {
-  margin-top: 0.375rem;
-}
-
-.c3 {
-  padding-right: 1.125rem;
-  padding-left: 1.125rem;
-}
-
-.c9 {
-  padding: 1.125rem;
-}
-
-.c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-}
-
-.c0 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c8 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  box-sizing: border-box;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  border-width: 0;
-  margin-bottom: 0;
-  background-color: transparent;
-}
-
-.c8 > [name='card']:not(:last-child) {
-  margin-bottom: 0.8125rem;
-}
-
-.c8 > [name='card']:last-child {
-  margin-bottom: 0.4375rem;
-}
-
-.c1 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: pointer;
-  min-height: auto;
-  height: 2.875rem;
-  -webkit-flex: 0 0 2.875rem;
-  -ms-flex: 0 0 2.875rem;
-  flex: 0 0 2.875rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  z-index: 1;
-  line-height: 1.5rem;
-  height: auto;
-  max-width: 100%;
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c1 button {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.c6 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: pointer;
-  min-height: auto;
-  height: 2.875rem;
-  -webkit-flex: 0 0 2.875rem;
-  -ms-flex: 0 0 2.875rem;
-  flex: 0 0 2.875rem;
-  box-sizing: border-box;
-  min-height: 2.9375rem;
-  max-width: 100%;
-  width: auto;
-  height: auto;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  overflow: hidden;
-  background-color: transparent;
-  border-width: 0;
-  box-shadow: none;
-  color: inherit;
-}
-
-.c12 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-  width: 100%;
-}
-
-.c16 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 6rem;
-  min-height: 6rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgba(73,73,73,1);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-family: "Roboto Mono",monospace;
-  width: 100%;
-  min-width: 100%;
-  text-overflow: ellipsis;
-  resize: vertical;
-}
-
-.c16:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c16::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c16::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c16:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c16:invalid {
-  box-shadow: none;
-}
-
-.c16:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c16:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c16:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c16:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c16:disabled {
-  color: rgba(73,73,73,1);
-}
-
-.c16:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,1);
-}
-
-.c16:disabled::-moz-placeholder {
-  color: rgba(73,73,73,1);
-}
-
-.c16:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,1);
-}
-
-.c7 {
-  word-break: break-all;
-  line-height: 1.5;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-}
-
-.c2 {
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.c5 {
-  height: 2.9375rem;
-  max-width: 98%;
-}
-
-@media only screen and (min-width:0em) {
-  .c21 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c21 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c11 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c17 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c22 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c27 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-preferred-size: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-  }
-}
-
-<form
-    onSubmit={undefined}
->
-    <div
-        className="c0"
-        disabled={false}
-        name="card"
-    >
-        <div
-            className="c1"
-            disabled={false}
-            name="card-header"
-            onClick={[Function]}
-        >
-            <div
-                className="c2 c3"
-            >
-                <div
-                    className="c4"
-                >
-                    <div
-                        className="c5 c6"
-                        disabled={false}
-                        name="card-header-meta"
-                    >
-                        <div
-                            className="c7"
-                        />
-                    </div>
-                    <svg
-                        className=""
-                        height="6"
-                        innerRef={undefined}
-                        onClick={[Function]}
-                        style={
-                            Object {
-                                "transform": "rotate(180deg)",
-                              }
-                        }
-                        viewBox="0 0 9.6 6"
-                        width="9.6"
-                        xmlns="http://www.w3.org/2000/svg"
-                    >
-                        <path
-                            d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
-                            fill="rgba(73, 73, 73, 1)"
-                        />
-                    </svg>
-                </div>
-            </div>
-        </div>
-        <div
-            className="c8"
-            name="card-outlet"
-        >
-            <div
-                className="c9"
-            >
-                <div
-                    className="c10"
-                >
-                    <div
-                        className="c11"
-                    >
-                        <div
-                            className="baseline-jVaZNU kXgQxt c12"
-                            name="value"
-                            role="group"
-                            style={undefined}
-                        >
-                            <label
-                                className="c13"
-                                htmlFor="p"
-                            >
-                                User Script
-                                 value
-                            </label>
-                            <div
-                                className="c14"
-                            >
-                                <textarea
-                                    className="c15 c16"
-                                    disabled={false}
-                                    id="p"
-                                    onBlur={undefined}
-                                />
-                            </div>
-                            <div
-                                className="c10"
-                            >
-                                <div
-                                    className="c17"
-                                >
-                                    <label
-                                        className="c18"
-                                    />
-                                </div>
-                            </div>
-                        </div>
-                        <div
-                            className="c19 c10"
-                            height="0.75rem"
-                        />
-                    </div>
-                </div>
-                <div
-                    className="c20"
-                >
-                    <div
-                        className="c21"
-                    >
-                        <div
-                            className="c22"
-                        >
-                            <button
-                                className="c23 c24 c25"
-                                disabled={false}
-                                href=""
-                                onClick={[Function]}
-                                type="button"
-                            >
-                                <span>
-                                    Cancel
-                                </span>
-                            </button>
-                            <button
-                                className="c26 c24 c25"
-                                disabled={true}
-                                href=""
-                                type="submit"
-                            >
-                                <span>
-                                    Save
-                                </span>
-                            </button>
-                        </div>
-                        <div
-                            className="c27"
-                        >
-                            <button
-                                className="c28 c24 c25"
-                                disabled={false}
-                                href=""
-                                icon={true}
-                                onClick={[Function]}
-                                type="button"
-                            >
-                                <svg
-                                    className=""
-                                    height="16"
-                                    innerRef={undefined}
-                                    style={
-                                        Object {
-                                            "transform": "rotate(0deg)",
-                                          }
-                                    }
-                                    viewBox="0 0 12 16"
-                                    width="12"
-                                    xmlns="http://www.w3.org/2000/svg"
-                                >
-                                    <path
-                                        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                                        fill="rgb(210, 67, 58)"
-                                    />
-                                </svg>
-                                <span>
-                                    Remove
-                                </span>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</form>,
-  .c3 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3 + button,
-.c3 + a {
-  margin-left: 0.375rem;
-}
-
-.c2 {
-  display: inline-block;
-}
-
-.c2 + button,
-.c2 + a {
-  margin-left: 0.375rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c1:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c1:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 {
-  margin-top: 1.5rem;
-  margin-bottom: 2.625rem;
-}
-
-<div
-    className="c0"
->
-    <button
-        className="c1 c2 c3"
-        href=""
-        onClick={undefined}
-        type="submit"
-    >
-        Next
-    </button>
-</div>,
-]
-`;
-
-exports[`renders <UserScript proceeded /> without throwing 1`] = `
-Array [
-  .c3 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  color: rgba(73,73,73,1);
-  line-height: 1.125rem;
-  font-size: 0.8125rem;
-}
-
-.c6 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c5 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  height: 0.0625rem;
-}
-
-.c1 {
-  margin-right: 0.375rem;
-}
-
-.c4 {
-  margin-top: 0.375rem;
-  margin-bottom: 1.125rem;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-}
-
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-}
-
-<div
-    className=""
-    id={undefined}
-    onClick={false}
->
-    <div
-        className="c0"
-    >
-        <div
-            className="c1"
-        >
-            <div
-                className="c2"
-            >
-                <svg
-                    className=""
-                    height="18"
-                    innerRef={undefined}
-                    style={
-                        Object {
-                            "transform": "rotate(0deg)",
-                          }
-                    }
-                    viewBox="0 0 15.43 18"
-                    width="15.43"
-                    xmlns="http://www.w3.org/2000/svg"
-                >
-                    <path
-                        d="M15.09,13.64,12.29,6h.14a3,3,0,0,0,0-6H3A3,3,0,0,0,0,3a3.37,3.37,0,0,0,.09.71,6.85,6.85,0,0,0,.25.64l3,7.68L3,12a3,3,0,0,0,0,6h9.43a2.94,2.94,0,0,0,3-3.43A7.54,7.54,0,0,0,15.09,13.64ZM12.43,1.46a1.54,1.54,0,1,1,0,3.08,1.52,1.52,0,0,1-1.27-.67l-.24-.6a1.24,1.24,0,0,1,0-.27A1.54,1.54,0,0,1,12.43,1.46ZM2,3.74l-.21-.52a.78.78,0,0,1,0-.22A1.29,1.29,0,0,1,3,1.71H9.73A3,3,0,0,0,9.43,3a2.76,2.76,0,0,0,.09.71L9.63,4c0,.09.77,2,.77,2l2.33,6-.3,0H5.36L2.88,6ZM9.73,16.29H3a1.29,1.29,0,0,1,0-2.58H9.73a2.92,2.92,0,0,0,0,2.58Zm2.7.25A1.54,1.54,0,1,1,14,15,1.54,1.54,0,0,1,12.43,16.54Z"
-                        fill="rgba(73, 73, 73, 1)"
-                    />
-                </svg>
-            </div>
-        </div>
-        <small
-            className="c3"
-        >
-            User Script
-        </small>
-    </div>
-    <div
-        className="c4"
-    >
-        <div
-            className="c5 c6"
-            height="0.0625rem"
-        />
-    </div>
 </div>,
   .c24 {
   font-family: sans-serif;
@@ -7715,22 +6321,6 @@ Array [
   font-size: 0.8125rem;
 }
 
-.c18 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c10 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -7750,7 +6340,7 @@ Array [
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c20 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -7789,6 +6379,16 @@ Array [
   display: block;
 }
 
+.c21 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
 .c26 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
@@ -7799,6 +6399,1290 @@ Array [
   display: block;
 }
 
+.c18 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c14 {
+  margin-top: 0.1875rem;
+}
+
+.c19 {
+  margin-top: 0.375rem;
+}
+
+.c3 {
+  padding-right: 1.125rem;
+  padding-left: 1.125rem;
+}
+
+.c9 {
+  padding: 1.125rem;
+}
+
+.c4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  -webkit-flex-basis: 100%;
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+}
+
+.c0 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c8 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  border-width: 0;
+  margin-bottom: 0;
+  background-color: transparent;
+}
+
+.c8 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c8 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c1 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: pointer;
+  min-height: auto;
+  height: 2.875rem;
+  -webkit-flex: 0 0 2.875rem;
+  -ms-flex: 0 0 2.875rem;
+  flex: 0 0 2.875rem;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  z-index: 1;
+  line-height: 1.5rem;
+  height: auto;
+  max-width: 100%;
+  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
+}
+
+.c1 button {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.c6 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: pointer;
+  min-height: auto;
+  height: 2.875rem;
+  -webkit-flex: 0 0 2.875rem;
+  -ms-flex: 0 0 2.875rem;
+  flex: 0 0 2.875rem;
+  box-sizing: border-box;
+  min-height: 2.9375rem;
+  max-width: 100%;
+  width: auto;
+  height: auto;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  overflow: hidden;
+  background-color: transparent;
+  border-width: 0;
+  box-shadow: none;
+  color: inherit;
+}
+
+.c12 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+  width: 100%;
+}
+
+.c16 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  font-family: "Roboto Mono",monospace;
+  width: 100%;
+  min-width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+}
+
+.c16:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c16::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c16::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c16:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c16:invalid {
+  box-shadow: none;
+}
+
+.c16:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c16:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c16:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c16:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c16:disabled {
+  color: rgba(73,73,73,1);
+}
+
+.c16:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,1);
+}
+
+.c16:disabled::-moz-placeholder {
+  color: rgba(73,73,73,1);
+}
+
+.c16:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,1);
+}
+
+.c7 {
+  word-break: break-all;
+  line-height: 1.5;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
+
+.c2 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.c5 {
+  height: 2.9375rem;
+  max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+  .c20 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c20 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c11 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c17 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c26 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+  }
+}
+
+<form
+    onSubmit={undefined}
+>
+    <div
+        className="c0"
+        disabled={false}
+        name="card"
+    >
+        <div
+            className="c1"
+            disabled={false}
+            name="card-header"
+            onClick={[Function]}
+        >
+            <div
+                className="c2 c3"
+            >
+                <div
+                    className="c4"
+                >
+                    <div
+                        className="c5 c6"
+                        disabled={false}
+                        name="card-header-meta"
+                    >
+                        <div
+                            className="c7"
+                        />
+                    </div>
+                    <svg
+                        className=""
+                        height="6"
+                        innerRef={undefined}
+                        onClick={[Function]}
+                        style={
+                            Object {
+                                "transform": "rotate(180deg)",
+                              }
+                        }
+                        viewBox="0 0 9.6 6"
+                        width="9.6"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <path
+                            d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
+                            fill="rgba(73, 73, 73, 1)"
+                        />
+                    </svg>
+                </div>
+            </div>
+        </div>
+        <div
+            className="c8"
+            name="card-outlet"
+        >
+            <div
+                className="c9"
+            >
+                <div
+                    className="c10"
+                >
+                    <div
+                        className="c11"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c12"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c13"
+                                htmlFor="p"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <div
+                                className="c14"
+                            >
+                                <textarea
+                                    className="c15 c16"
+                                    disabled={false}
+                                    id="p"
+                                    onBlur={undefined}
+                                />
+                            </div>
+                            <div
+                                className="c10"
+                            >
+                                <div
+                                    className="c17"
+                                />
+                            </div>
+                        </div>
+                        <div
+                            className="c18 c10"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c19"
+                >
+                    <div
+                        className="c20"
+                    >
+                        <div
+                            className="c21"
+                        >
+                            <button
+                                className="c22 c23 c24"
+                                disabled={false}
+                                href=""
+                                onClick={[Function]}
+                                type="button"
+                            >
+                                <span>
+                                    Cancel
+                                </span>
+                            </button>
+                            <button
+                                className="c25 c23 c24"
+                                disabled={true}
+                                href=""
+                                type="submit"
+                            >
+                                <span>
+                                    Save
+                                </span>
+                            </button>
+                        </div>
+                        <div
+                            className="c26"
+                        >
+                            <button
+                                className="c27 c23 c24"
+                                disabled={false}
+                                href=""
+                                icon={true}
+                                onClick={[Function]}
+                                type="button"
+                            >
+                                <svg
+                                    className=""
+                                    height="16"
+                                    innerRef={undefined}
+                                    style={
+                                        Object {
+                                            "transform": "rotate(0deg)",
+                                          }
+                                    }
+                                    viewBox="0 0 12 16"
+                                    width="12"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                >
+                                    <path
+                                        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                                        fill="rgb(210, 67, 58)"
+                                    />
+                                </svg>
+                                <span>
+                                    Remove
+                                </span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</form>,
+  .c3 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c3::-moz-focus-inner,
+.c3[type='button']::-moz-focus-inner,
+.c3[type='reset']::-moz-focus-inner,
+.c3[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c3:-moz-focusring,
+.c3[type='button']:-moz-focusring,
+.c3[type='reset']:-moz-focusring,
+.c3[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c3 + button,
+.c3 + a {
+  margin-left: 0.375rem;
+}
+
+.c2 {
+  display: inline-block;
+}
+
+.c2 + button,
+.c2 + a {
+  margin-left: 0.375rem;
+}
+
+.c1 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c1:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c1:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c1:active,
+.c1:active:hover,
+.c1:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c1[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c0 {
+  margin-top: 1.5rem;
+  margin-bottom: 2.625rem;
+}
+
+<div
+    className="c0"
+>
+    <button
+        className="c1 c2 c3"
+        href=""
+        onClick={undefined}
+        type="submit"
+    >
+        Next
+    </button>
+</div>,
+]
+`;
+
+exports[`renders <UserScript proceeded /> without throwing 1`] = `
+Array [
+  .c3 {
+  font-size: 80%;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  color: rgba(73,73,73,1);
+  line-height: 1.125rem;
+  font-size: 0.8125rem;
+}
+
+.c6 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c5 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.375rem;
+}
+
+.c4 {
+  margin-top: 0.375rem;
+  margin-bottom: 1.125rem;
+}
+
+.c0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+}
+
+.c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  -webkit-flex-basis: 100%;
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+}
+
+<div
+    className=""
+    id={undefined}
+    onClick={false}
+>
+    <div
+        className="c0"
+    >
+        <div
+            className="c1"
+        >
+            <div
+                className="c2"
+            >
+                <svg
+                    className=""
+                    height="18"
+                    innerRef={undefined}
+                    style={
+                        Object {
+                            "transform": "rotate(0deg)",
+                          }
+                    }
+                    viewBox="0 0 15.43 18"
+                    width="15.43"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <path
+                        d="M15.09,13.64,12.29,6h.14a3,3,0,0,0,0-6H3A3,3,0,0,0,0,3a3.37,3.37,0,0,0,.09.71,6.85,6.85,0,0,0,.25.64l3,7.68L3,12a3,3,0,0,0,0,6h9.43a2.94,2.94,0,0,0,3-3.43A7.54,7.54,0,0,0,15.09,13.64ZM12.43,1.46a1.54,1.54,0,1,1,0,3.08,1.52,1.52,0,0,1-1.27-.67l-.24-.6a1.24,1.24,0,0,1,0-.27A1.54,1.54,0,0,1,12.43,1.46ZM2,3.74l-.21-.52a.78.78,0,0,1,0-.22A1.29,1.29,0,0,1,3,1.71H9.73A3,3,0,0,0,9.43,3a2.76,2.76,0,0,0,.09.71L9.63,4c0,.09.77,2,.77,2l2.33,6-.3,0H5.36L2.88,6ZM9.73,16.29H3a1.29,1.29,0,0,1,0-2.58H9.73a2.92,2.92,0,0,0,0,2.58Zm2.7.25A1.54,1.54,0,1,1,14,15,1.54,1.54,0,0,1,12.43,16.54Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                </svg>
+            </div>
+        </div>
+        <small
+            className="c3"
+        >
+            User Script
+        </small>
+    </div>
+    <div
+        className="c4"
+    >
+        <div
+            className="c5 c6"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c23 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c23::-moz-focus-inner,
+.c23[type='button']::-moz-focus-inner,
+.c23[type='reset']::-moz-focus-inner,
+.c23[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c23:-moz-focusring,
+.c23[type='button']:-moz-focusring,
+.c23[type='reset']:-moz-focusring,
+.c23[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c23 + button,
+.c23 + a {
+  margin-left: 0.375rem;
+}
+
+.c15 {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c22 {
+  display: inline-block;
+}
+
+.c22 + button,
+.c22 + a {
+  margin-left: 0.375rem;
+}
+
+.c21 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  margin: 0;
+}
+
+.c21:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c21:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c21[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c21:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c21:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c24 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  margin: 0;
+}
+
+.c24:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c24:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c24[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c24:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c24:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c26 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin: 0;
+  float: right;
+}
+
+.c26:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c26:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c26[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c26:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c26:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c26:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c26:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c26 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c26 svg {
+  max-height: 1.125rem;
+}
+
+.c13 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c10 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c20 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c11 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c17 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c25 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
 .c7 {
   color: rgba(73,73,73,1);
   font-weight: 600;
@@ -7820,7 +7704,7 @@ Array [
   margin-top: 0.75rem;
 }
 
-.c19 {
+.c18 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -7831,7 +7715,7 @@ Array [
   margin-top: 0.1875rem;
 }
 
-.c20 {
+.c19 {
   margin-top: 0.375rem;
 }
 
@@ -8151,7 +8035,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -8160,7 +8044,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c20 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -8187,7 +8071,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c26 {
+  .c25 {
     display: none;
   }
 }
@@ -8267,30 +8151,26 @@ Array [
                             >
                                 <div
                                     className="c17"
-                                >
-                                    <label
-                                        className="c18"
-                                    />
-                                </div>
+                                />
                             </div>
                         </div>
                         <div
-                            className="c19 c10"
+                            className="c18 c10"
                             height="0.75rem"
                         />
                     </div>
                 </div>
                 <div
-                    className="c20"
+                    className="c19"
                 >
                     <div
-                        className="c21"
+                        className="c20"
                     >
                         <div
                             className="c11"
                         >
                             <button
-                                className="c22 c23 c24"
+                                className="c21 c22 c23"
                                 disabled={false}
                                 href=""
                                 onClick={[Function]}
@@ -8301,7 +8181,7 @@ Array [
                                 </span>
                             </button>
                             <button
-                                className="c25 c23 c24"
+                                className="c24 c22 c23"
                                 disabled={true}
                                 href=""
                                 type="submit"
@@ -8312,10 +8192,10 @@ Array [
                             </button>
                         </div>
                         <div
-                            className="c26"
+                            className="c25"
                         >
                             <button
-                                className="c27 c23 c24"
+                                className="c26 c22 c23"
                                 disabled={false}
                                 href=""
                                 icon={true}
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png
index 9e23ee60..f89a9987 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png
index a0aa4e68..722d6906 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png
index e8c0308b..80da7c3d 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png
index a869730e..25bfbd9c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png
index f11f7e24..6e3b1ad7 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png
index 8926d19e..6083094c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png
index dc794679..1989c15e 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png
index c100cdd4..e7af8acf 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png
index cc165ff3..5f69483e 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png
index eabce65a..58977c15 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png
index f82b0522..5f3553aa 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png
index cea40912..555f3fbd 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png
index 10e36bcd..92c2a48c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png
index 9172122b..7301b535 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png
index 374fdd5e..fb36485c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png
index e8f8a37b..0ea1ea68 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png
index fcc19bd9..e00ae93b 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png
index b42042a0..edadc0dd 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png
index 842f7c6b..e4ea5df0 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png
index 2ab6d529..eb9cc6b2 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png
index 1a6008c8..619a530e 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png
index 023e6b2f..669f0c86 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png
index 217b0c57..a8359f5b 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png
index 217b0c57..99b81411 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png
index 217b0c57..99b81411 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png
index c672f70e..b55c7633 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png
index 29443b7b..65727137 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png
index de386e05..51732ce4 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png
index 60f09060..ead59b66 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png
index f975203b..736d05f2 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png
index 689a7a78..c44fea85 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
index aedd0f7e..dee0032b 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
@@ -21,7 +21,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c22 {
+.c21 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -39,7 +39,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   padding-bottom: 1.125rem;
 }
 
-.c25 {
+.c24 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -52,23 +52,23 @@ exports[`renders <Cns /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c24 + button,
+.c24 + a {
   margin-left: 0.375rem;
 }
 
@@ -79,16 +79,16 @@ exports[`renders <Cns /> without throwing 1`] = `
   margin: 0;
 }
 
-.c24 {
+.c23 {
   display: inline-block;
 }
 
-.c24 + button,
-.c24 + a {
+.c23 + button,
+.c23 + a {
   margin-left: 0.375rem;
 }
 
-.c23 {
+.c22 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -128,7 +128,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:focus {
+.c22:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -136,21 +136,21 @@ exports[`renders <Cns /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c22:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c22[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -170,22 +170,6 @@ exports[`renders <Cns /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c21 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -251,7 +235,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   height: 0.0625rem;
 }
 
-.c26 {
+.c25 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -304,7 +288,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   flex-wrap: wrap;
 }
 
-.c27 {
+.c26 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -443,7 +427,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c28 {
+.c27 {
   position: relative;
   vertical-align: text-bottom;
   display: -webkit-box;
@@ -456,27 +440,27 @@ exports[`renders <Cns /> without throwing 1`] = `
   align-items: center;
 }
 
-.c29 {
+.c28 {
   display: none;
 }
 
-.c29:checked + label {
+.c28:checked + label {
   background: #3B46CC;
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c29:checked + label:after {
+.c28:checked + label:after {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c29:checked + label:active {
+.c28:checked + label:active {
   box-shadow: none;
 }
 
-.c30 {
+.c29 {
   outline: 0;
   display: block;
   width: 2.875rem;
@@ -496,24 +480,24 @@ exports[`renders <Cns /> without throwing 1`] = `
   margin-right: 0.375rem;
 }
 
-.c30::selection {
+.c29::selection {
   background: none;
 }
 
-.c30:active {
+.c29:active {
   box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
 }
 
-.c30:hover {
+.c29:hover {
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c30:hover:after {
+.c29:hover:after {
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c30:after,
-.c30:before {
+.c29:after,
+.c29:before {
   position: relative;
   display: block;
   content: '';
@@ -521,7 +505,7 @@ exports[`renders <Cns /> without throwing 1`] = `
   height: 100%;
 }
 
-.c30:after {
+.c29:after {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
@@ -533,11 +517,11 @@ exports[`renders <Cns /> without throwing 1`] = `
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
-.c30:active {
+.c29:active {
   box-shadow: inset 0 0 0 2em rgb(216,216,216);
 }
 
-.c30:before {
+.c29:before {
   display: none;
 }
 
@@ -702,9 +686,6 @@ exports[`renders <Cns /> without throwing 1`] = `
                       placeholder="Example: mySQLdb"
                       required={true}
                     />
-                    <label
-                      className="c21"
-                    />
                   </div>
                 </div>
               </div>
@@ -712,10 +693,10 @@ exports[`renders <Cns /> without throwing 1`] = `
                 className="c16"
               >
                 <div
-                  className="c22"
+                  className="c21"
                 >
                   <button
-                    className="c23 c24 c25"
+                    className="c22 c23 c24"
                     disabled={undefined}
                     href=""
                     type="submit"
@@ -723,7 +704,7 @@ exports[`renders <Cns /> without throwing 1`] = `
                     Add
                   </button>
                   <div
-                    className="c26 c2"
+                    className="c25 c2"
                     height="0.25rem"
                   />
                 </div>
@@ -751,7 +732,7 @@ exports[`renders <Cns /> without throwing 1`] = `
       style={undefined}
     >
       <div
-        className="c27"
+        className="c26"
       >
         <label
           className="c18"
@@ -761,11 +742,11 @@ exports[`renders <Cns /> without throwing 1`] = `
           Disabled CNS
         </label>
         <div
-          className="c28"
+          className="c27"
         >
           <input
             checked={true}
-            className="c29"
+            className="c28"
             disabled={false}
             id="l"
             onBlur={undefined}
@@ -774,7 +755,7 @@ exports[`renders <Cns /> without throwing 1`] = `
           />
           <label
             checked={true}
-            className="c30"
+            className="c29"
             disabled={false}
             htmlFor="l"
             id="l"
@@ -1174,7 +1155,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c31 {
+.c30 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -1183,7 +1164,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   margin-right: 0.375rem;
 }
 
-.c36 {
+.c35 {
   margin-top: 0.1875rem;
   margin-bottom: 0.375rem;
 }
@@ -1218,7 +1199,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c34 {
+.c33 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1231,23 +1212,23 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c34::-moz-focus-inner,
-.c34[type='button']::-moz-focus-inner,
-.c34[type='reset']::-moz-focus-inner,
-.c34[type='submit']::-moz-focus-inner {
+.c33::-moz-focus-inner,
+.c33[type='button']::-moz-focus-inner,
+.c33[type='reset']::-moz-focus-inner,
+.c33[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c34:-moz-focusring,
-.c34[type='button']:-moz-focusring,
-.c34[type='reset']:-moz-focusring,
-.c34[type='submit']:-moz-focusring {
+.c33:-moz-focusring,
+.c33[type='button']:-moz-focusring,
+.c33[type='reset']:-moz-focusring,
+.c33[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c34 + button,
-.c34 + a {
+.c33 + button,
+.c33 + a {
   margin-left: 0.375rem;
 }
 
@@ -1262,16 +1243,16 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   margin: 0;
 }
 
-.c33 {
+.c32 {
   display: inline-block;
 }
 
-.c33 + button,
-.c33 + a {
+.c32 + button,
+.c32 + a {
   margin-left: 0.375rem;
 }
 
-.c32 {
+.c31 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1311,7 +1292,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c32:focus {
+.c31:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1319,21 +1300,21 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c32:hover {
+.c31:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c32:active,
-.c32:active:hover,
-.c32:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c32[disabled] {
+.c31[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -1353,22 +1334,6 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c30 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -1444,7 +1409,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   height: 0.0625rem;
 }
 
-.c35 {
+.c34 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -1497,7 +1462,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   flex-wrap: wrap;
 }
 
-.c37 {
+.c36 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1749,7 +1714,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   color: rgba(73,73,73,1);
 }
 
-.c38 {
+.c37 {
   position: relative;
   vertical-align: text-bottom;
   display: -webkit-box;
@@ -1762,27 +1727,27 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   align-items: center;
 }
 
-.c39 {
+.c38 {
   display: none;
 }
 
-.c39:checked + label {
+.c38:checked + label {
   background: #3B46CC;
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c39:checked + label:after {
+.c38:checked + label:after {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c39:checked + label:active {
+.c38:checked + label:active {
   box-shadow: none;
 }
 
-.c40 {
+.c39 {
   outline: 0;
   display: block;
   width: 2.875rem;
@@ -1802,24 +1767,24 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   margin-right: 0.375rem;
 }
 
-.c40::selection {
+.c39::selection {
   background: none;
 }
 
-.c40:active {
+.c39:active {
   box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
 }
 
-.c40:hover {
+.c39:hover {
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c40:hover:after {
+.c39:hover:after {
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c40:after,
-.c40:before {
+.c39:after,
+.c39:before {
   position: relative;
   display: block;
   content: '';
@@ -1827,7 +1792,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   height: 100%;
 }
 
-.c40:after {
+.c39:after {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
@@ -1839,11 +1804,11 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
-.c40:active {
+.c39:active {
   box-shadow: inset 0 0 0 2em rgb(216,216,216);
 }
 
-.c40:before {
+.c39:before {
   display: none;
 }
 
@@ -2255,9 +2220,6 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                       placeholder="Example: mySQLdb"
                       required={true}
                     />
-                    <label
-                      className="c30"
-                    />
                   </div>
                 </div>
               </div>
@@ -2265,10 +2227,10 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                 className="c15"
               >
                 <div
-                  className="c31"
+                  className="c30"
                 >
                   <button
-                    className="c32 c33 c34"
+                    className="c31 c32 c33"
                     disabled={undefined}
                     href=""
                     type="submit"
@@ -2276,7 +2238,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                     Add
                   </button>
                   <div
-                    className="c35 c2"
+                    className="c34 c2"
                     height="0.25rem"
                   />
                 </div>
@@ -2339,7 +2301,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c36"
+                  className="c35"
                 >
                   <div
                     className="c2"
@@ -2389,7 +2351,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c36"
+                  className="c35"
                 >
                   <div
                     className="c2"
@@ -2540,7 +2502,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c36"
+                  className="c35"
                 >
                   <div
                     className="c2"
@@ -2590,7 +2552,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c36"
+                  className="c35"
                 >
                   <div
                     className="c2"
@@ -2706,7 +2668,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
       style={undefined}
     >
       <div
-        className="c37"
+        className="c36"
       >
         <label
           className="c28"
@@ -2716,11 +2678,11 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
           Disabled CNS
         </label>
         <div
-          className="c38"
+          className="c37"
         >
           <input
             checked={true}
-            className="c39"
+            className="c38"
             disabled={false}
             id="v"
             onBlur={undefined}
@@ -2729,7 +2691,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
           />
           <label
             checked={true}
-            className="c40"
+            className="c39"
             disabled={false}
             htmlFor="v"
             id="v"
@@ -3021,7 +2983,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c27 {
+.c26 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -3039,7 +3001,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   padding-bottom: 1.125rem;
 }
 
-.c30 {
+.c29 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3052,23 +3014,23 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c29::-moz-focus-inner,
+.c29[type='button']::-moz-focus-inner,
+.c29[type='reset']::-moz-focus-inner,
+.c29[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c30:-moz-focusring,
-.c30[type='button']:-moz-focusring,
-.c30[type='reset']:-moz-focusring,
-.c30[type='submit']:-moz-focusring {
+.c29:-moz-focusring,
+.c29[type='button']:-moz-focusring,
+.c29[type='reset']:-moz-focusring,
+.c29[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c30 + button,
-.c30 + a {
+.c29 + button,
+.c29 + a {
   margin-left: 0.375rem;
 }
 
@@ -3088,16 +3050,16 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c29 {
+.c28 {
   display: inline-block;
 }
 
-.c29 + button,
-.c29 + a {
+.c28 + button,
+.c28 + a {
   margin-left: 0.375rem;
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3137,7 +3099,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3145,21 +3107,21 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -3179,22 +3141,6 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c26 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -3268,7 +3214,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
   height: 0.0625rem;
 }
 
-.c31 {
+.c30 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -3648,9 +3594,6 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
                       placeholder="Example: mySQLdb"
                       required={true}
                     />
-                    <label
-                      className="c26"
-                    />
                   </div>
                 </div>
               </div>
@@ -3658,10 +3601,10 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
                 className="c21"
               >
                 <div
-                  className="c27"
+                  className="c26"
                 >
                   <button
-                    className="c28 c29 c30"
+                    className="c27 c28 c29"
                     disabled={undefined}
                     href=""
                     type="submit"
@@ -3669,7 +3612,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
                     Add
                   </button>
                   <div
-                    className="c31 c2"
+                    className="c30 c2"
                     height="0.25rem"
                   />
                 </div>
@@ -3711,7 +3654,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c36 {
+.c35 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -3729,7 +3672,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   margin-bottom: 0.375rem;
 }
 
-.c41 {
+.c40 {
   margin-top: 0.1875rem;
   margin-bottom: 0.375rem;
 }
@@ -3764,7 +3707,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c39 {
+.c38 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3777,23 +3720,23 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c39::-moz-focus-inner,
-.c39[type='button']::-moz-focus-inner,
-.c39[type='reset']::-moz-focus-inner,
-.c39[type='submit']::-moz-focus-inner {
+.c38::-moz-focus-inner,
+.c38[type='button']::-moz-focus-inner,
+.c38[type='reset']::-moz-focus-inner,
+.c38[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c39:-moz-focusring,
-.c39[type='button']:-moz-focusring,
-.c39[type='reset']:-moz-focusring,
-.c39[type='submit']:-moz-focusring {
+.c38:-moz-focusring,
+.c38[type='button']:-moz-focusring,
+.c38[type='reset']:-moz-focusring,
+.c38[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c39 + button,
-.c39 + a {
+.c38 + button,
+.c38 + a {
   margin-left: 0.375rem;
 }
 
@@ -3808,16 +3751,16 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   margin: 0;
 }
 
-.c38 {
+.c37 {
   display: inline-block;
 }
 
-.c38 + button,
-.c38 + a {
+.c37 + button,
+.c37 + a {
   margin-left: 0.375rem;
 }
 
-.c37 {
+.c36 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3857,7 +3800,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c37:focus {
+.c36:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3865,21 +3808,21 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c37:hover {
+.c36:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c37[disabled] {
+.c36[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -3899,23 +3842,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c35 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
-.c43 {
+.c42 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -4006,7 +3933,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   height: 0.0625rem;
 }
 
-.c40 {
+.c39 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -4059,7 +3986,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   flex-wrap: wrap;
 }
 
-.c42 {
+.c41 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -4326,7 +4253,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c44 {
+.c43 {
   position: relative;
   vertical-align: text-bottom;
   display: -webkit-box;
@@ -4339,36 +4266,36 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   align-items: center;
 }
 
-.c45 {
+.c44 {
   display: none;
 }
 
-.c45:checked + label {
+.c44:checked + label {
   background: #3B46CC;
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c45:checked + label:after {
+.c44:checked + label:after {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c45:checked + label:active {
+.c44:checked + label:active {
   box-shadow: none;
 }
 
-.c45:checked + label {
+.c44:checked + label {
   background: rgb(250,250,250);
   border: 0.0625rem solid rgb(216,216,216);
 }
 
-.c45:checked + label:after {
+.c44:checked + label:after {
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
-.c46 {
+.c45 {
   outline: 0;
   display: block;
   width: 2.875rem;
@@ -4389,24 +4316,24 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   cursor: not-allowed;
 }
 
-.c46::selection {
+.c45::selection {
   background: none;
 }
 
-.c46:active {
+.c45:active {
   box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
 }
 
-.c46:hover {
+.c45:hover {
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c46:hover:after {
+.c45:hover:after {
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c46:after,
-.c46:before {
+.c45:after,
+.c45:before {
   position: relative;
   display: block;
   content: '';
@@ -4414,7 +4341,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   height: 100%;
 }
 
-.c46:after {
+.c45:after {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
@@ -4426,36 +4353,36 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
-.c46:active {
+.c45:active {
   box-shadow: inset 0 0 0 2em rgb(216,216,216);
 }
 
-.c46:before {
+.c45:before {
   display: none;
 }
 
-.c46:active {
+.c45:active {
   box-shadow: none;
 }
 
-.c46:active:after {
+.c45:active:after {
   padding-right: 0;
 }
 
-.c46:before {
+.c45:before {
   cursor: not-allowed;
 }
 
-.c46:after {
+.c45:after {
   cursor: not-allowed;
   background: rgb(230,230,230);
 }
 
-.c46:hover {
+.c45:hover {
   border: 0.0625rem solid rgb(216,216,216);
 }
 
-.c46:hover:after {
+.c45:hover:after {
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
@@ -4978,9 +4905,6 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                       placeholder="Example: mySQLdb"
                       required={true}
                     />
-                    <label
-                      className="c35"
-                    />
                   </div>
                 </div>
               </div>
@@ -4988,10 +4912,10 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                 className="c15"
               >
                 <div
-                  className="c36"
+                  className="c35"
                 >
                   <button
-                    className="c37 c38 c39"
+                    className="c36 c37 c38"
                     disabled={undefined}
                     href=""
                     type="submit"
@@ -4999,7 +4923,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                     Add
                   </button>
                   <div
-                    className="c40 c2"
+                    className="c39 c2"
                     height="0.25rem"
                   />
                 </div>
@@ -5062,7 +4986,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <div
                     className="c2"
@@ -5112,7 +5036,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <div
                     className="c2"
@@ -5263,7 +5187,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <div
                     className="c2"
@@ -5313,7 +5237,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
                   </div>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <div
                     className="c2"
@@ -5429,21 +5353,21 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
       style={undefined}
     >
       <div
-        className="c42"
+        className="c41"
       >
         <label
-          className="c43"
+          className="c42"
           disabled={true}
           htmlFor="q"
         >
           Disabled CNS
         </label>
         <div
-          className="c44"
+          className="c43"
         >
           <input
             checked={true}
-            className="c45"
+            className="c44"
             disabled={true}
             id="q"
             onBlur={undefined}
@@ -5452,7 +5376,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
           />
           <label
             checked={true}
-            className="c46"
+            className="c45"
             disabled={true}
             htmlFor="q"
             id="q"
@@ -5461,7 +5385,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
           />
           <label
             checked={true}
-            className="c43"
+            className="c42"
             disabled={true}
             htmlFor="q"
             id="q"
@@ -5508,7 +5432,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c27 {
+.c26 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -5526,7 +5450,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   padding-bottom: 1.125rem;
 }
 
-.c30 {
+.c29 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -5539,23 +5463,23 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c29::-moz-focus-inner,
+.c29[type='button']::-moz-focus-inner,
+.c29[type='reset']::-moz-focus-inner,
+.c29[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c30:-moz-focusring,
-.c30[type='button']:-moz-focusring,
-.c30[type='reset']:-moz-focusring,
-.c30[type='submit']:-moz-focusring {
+.c29:-moz-focusring,
+.c29[type='button']:-moz-focusring,
+.c29[type='reset']:-moz-focusring,
+.c29[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c30 + button,
-.c30 + a {
+.c29 + button,
+.c29 + a {
   margin-left: 0.375rem;
 }
 
@@ -5575,16 +5499,16 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c29 {
+.c28 {
   display: inline-block;
 }
 
-.c29 + button,
-.c29 + a {
+.c28 + button,
+.c28 + a {
   margin-left: 0.375rem;
 }
 
-.c28 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -5624,7 +5548,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5632,21 +5556,21 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -5666,22 +5590,6 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c26 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -5755,7 +5663,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   height: 0.0625rem;
 }
 
-.c31 {
+.c30 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -5808,7 +5716,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   flex-wrap: wrap;
 }
 
-.c32 {
+.c31 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -5973,7 +5881,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c33 {
+.c32 {
   position: relative;
   vertical-align: text-bottom;
   display: -webkit-box;
@@ -5986,27 +5894,27 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   align-items: center;
 }
 
-.c34 {
+.c33 {
   display: none;
 }
 
-.c34:checked + label {
+.c33:checked + label {
   background: #3B46CC;
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c34:checked + label:after {
+.c33:checked + label:after {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c34:checked + label:active {
+.c33:checked + label:active {
   box-shadow: none;
 }
 
-.c35 {
+.c34 {
   outline: 0;
   display: block;
   width: 2.875rem;
@@ -6026,24 +5934,24 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   margin-right: 0.375rem;
 }
 
-.c35::selection {
+.c34::selection {
   background: none;
 }
 
-.c35:active {
+.c34:active {
   box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
 }
 
-.c35:hover {
+.c34:hover {
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c35:hover:after {
+.c34:hover:after {
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c35:after,
-.c35:before {
+.c34:after,
+.c34:before {
   position: relative;
   display: block;
   content: '';
@@ -6051,7 +5959,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   height: 100%;
 }
 
-.c35:after {
+.c34:after {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
@@ -6063,11 +5971,11 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
-.c35:active {
+.c34:active {
   box-shadow: inset 0 0 0 2em rgb(216,216,216);
 }
 
-.c35:before {
+.c34:before {
   display: none;
 }
 
@@ -6257,9 +6165,6 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
                       placeholder="Example: mySQLdb"
                       required={true}
                     />
-                    <label
-                      className="c26"
-                    />
                   </div>
                 </div>
               </div>
@@ -6267,10 +6172,10 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
                 className="c21"
               >
                 <div
-                  className="c27"
+                  className="c26"
                 >
                   <button
-                    className="c28 c29 c30"
+                    className="c27 c28 c29"
                     disabled={undefined}
                     href=""
                     type="submit"
@@ -6278,7 +6183,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
                     Add
                   </button>
                   <div
-                    className="c31 c2"
+                    className="c30 c2"
                     height="0.25rem"
                   />
                 </div>
@@ -6306,7 +6211,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
       style={undefined}
     >
       <div
-        className="c32"
+        className="c31"
       >
         <label
           className="c23"
@@ -6316,11 +6221,11 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
           Disabled CNS
         </label>
         <div
-          className="c33"
+          className="c32"
         >
           <input
             checked={true}
-            className="c34"
+            className="c33"
             disabled={false}
             id="o"
             onBlur={undefined}
@@ -6329,7 +6234,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
           />
           <label
             checked={true}
-            className="c35"
+            className="c34"
             disabled={false}
             htmlFor="o"
             id="o"
@@ -6385,7 +6290,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c28 {
+.c27 {
   margin-top: 1.3125rem;
   margin-left: 0.75rem;
 }
@@ -6412,7 +6317,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   padding-bottom: 1.125rem;
 }
 
-.c31 {
+.c30 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -6425,23 +6330,23 @@ exports[`renders <Cns services /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c31::-moz-focus-inner,
-.c31[type='button']::-moz-focus-inner,
-.c31[type='reset']::-moz-focus-inner,
-.c31[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c31:-moz-focusring,
-.c31[type='button']:-moz-focusring,
-.c31[type='reset']:-moz-focusring,
-.c31[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c31 + button,
-.c31 + a {
+.c30 + button,
+.c30 + a {
   margin-left: 0.375rem;
 }
 
@@ -6457,16 +6362,16 @@ exports[`renders <Cns services /> without throwing 1`] = `
   margin: 0;
 }
 
-.c30 {
+.c29 {
   display: inline-block;
 }
 
-.c30 + button,
-.c30 + a {
+.c29 + button,
+.c29 + a {
   margin-left: 0.375rem;
 }
 
-.c29 {
+.c28 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -6506,7 +6411,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:focus {
+.c28:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -6514,21 +6419,21 @@ exports[`renders <Cns services /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c29:hover {
+.c28:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c29[disabled] {
+.c28[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -6548,22 +6453,6 @@ exports[`renders <Cns services /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c27 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -6629,7 +6518,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   height: 0.0625rem;
 }
 
-.c32 {
+.c31 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -6682,7 +6571,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   flex-wrap: wrap;
 }
 
-.c33 {
+.c32 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6821,7 +6710,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c34 {
+.c33 {
   position: relative;
   vertical-align: text-bottom;
   display: -webkit-box;
@@ -6834,27 +6723,27 @@ exports[`renders <Cns services /> without throwing 1`] = `
   align-items: center;
 }
 
-.c35 {
+.c34 {
   display: none;
 }
 
-.c35:checked + label {
+.c34:checked + label {
   background: #3B46CC;
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c35:checked + label:after {
+.c34:checked + label:after {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c35:checked + label:active {
+.c34:checked + label:active {
   box-shadow: none;
 }
 
-.c36 {
+.c35 {
   outline: 0;
   display: block;
   width: 2.875rem;
@@ -6874,24 +6763,24 @@ exports[`renders <Cns services /> without throwing 1`] = `
   margin-right: 0.375rem;
 }
 
-.c36::selection {
+.c35::selection {
   background: none;
 }
 
-.c36:active {
+.c35:active {
   box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
 }
 
-.c36:hover {
+.c35:hover {
   border: 0.0625rem solid rgb(59,70,204);
 }
 
-.c36:hover:after {
+.c35:hover:after {
   box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
 }
 
-.c36:after,
-.c36:before {
+.c35:after,
+.c35:before {
   position: relative;
   display: block;
   content: '';
@@ -6899,7 +6788,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
   height: 100%;
 }
 
-.c36:after {
+.c35:after {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
@@ -6911,11 +6800,11 @@ exports[`renders <Cns services /> without throwing 1`] = `
   box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
 }
 
-.c36:active {
+.c35:active {
   box-shadow: inset 0 0 0 2em rgb(216,216,216);
 }
 
-.c36:before {
+.c35:before {
   display: none;
 }
 
@@ -7248,9 +7137,6 @@ exports[`renders <Cns services /> without throwing 1`] = `
                       placeholder="Example: mySQLdb"
                       required={true}
                     />
-                    <label
-                      className="c27"
-                    />
                   </div>
                 </div>
               </div>
@@ -7258,10 +7144,10 @@ exports[`renders <Cns services /> without throwing 1`] = `
                 className="c23"
               >
                 <div
-                  className="c28"
+                  className="c27"
                 >
                   <button
-                    className="c29 c30 c31"
+                    className="c28 c29 c30"
                     disabled={undefined}
                     href=""
                     type="submit"
@@ -7269,7 +7155,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
                     Add
                   </button>
                   <div
-                    className="c32 c2"
+                    className="c31 c2"
                     height="0.25rem"
                   />
                 </div>
@@ -7297,7 +7183,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
       style={undefined}
     >
       <div
-        className="c33"
+        className="c32"
       >
         <label
           className="c15"
@@ -7307,11 +7193,11 @@ exports[`renders <Cns services /> without throwing 1`] = `
           Disabled CNS
         </label>
         <div
-          className="c34"
+          className="c33"
         >
           <input
             checked={true}
-            className="c35"
+            className="c34"
             disabled={false}
             id="t"
             onBlur={undefined}
@@ -7320,7 +7206,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
           />
           <label
             checked={true}
-            className="c36"
+            className="c35"
             disabled={false}
             htmlFor="t"
             id="t"
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
index fe6aa438..172ed786 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
@@ -465,11 +465,11 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c33 {
+.c32 {
   margin-top: 0.375rem;
 }
 
-.c39 {
+.c38 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
@@ -516,7 +516,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-left: 0.375rem;
 }
 
-.c31 {
+.c30 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -623,7 +623,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c35 {
+.c34 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -668,7 +668,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin: 0;
 }
 
-.c35:focus {
+.c34:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -676,43 +676,43 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c35[disabled] {
+.c34[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c35:focus {
+.c34:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c36 {
+.c35 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -758,7 +758,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin: 0;
 }
 
-.c36:focus {
+.c35:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -766,43 +766,43 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c36[disabled] {
+.c35[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c36:focus {
+.c35:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38 {
+.c37 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -860,7 +860,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   float: right;
 }
 
-.c38:focus {
+.c37:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -868,66 +868,66 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c38[disabled] {
+.c37[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c38:focus {
+.c37:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c38:focus {
+.c37:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:hover {
+.c37:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c38 svg + span {
+.c37 svg + span {
   margin-left: 0.75rem;
 }
 
-.c38 svg {
+.c37 svg {
   max-height: 1.125rem;
 }
 
@@ -946,22 +946,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c29 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -990,7 +974,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c34 {
+.c33 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1029,7 +1013,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   display: block;
 }
 
-.c37 {
+.c36 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1039,7 +1023,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   display: block;
 }
 
-.c40 {
+.c39 {
   color: rgba(73,73,73,1);
   font-weight: normal;
   line-height: 1.625rem;
@@ -1047,16 +1031,16 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin: 0;
 }
 
-.c40 + p,
-.c40 + small,
-.c40 + h1,
-.c40 + h2,
-.c40 + label,
-.c40 + h3,
-.c40 + h4,
-.c40 + h5,
-.c40 + div,
-.c40 + span {
+.c39 + p,
+.c39 + small,
+.c39 + h1,
+.c39 + h2,
+.c39 + label,
+.c39 + h3,
+.c39 + h4,
+.c39 + h5,
+.c39 + div,
+.c39 + span {
   margin-top: 1.5rem;
 }
 
@@ -1115,7 +1099,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   height: 1.5rem;
 }
 
-.c30 {
+.c29 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -1452,7 +1436,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c32 {
+.c31 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -1477,58 +1461,58 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   resize: vertical;
 }
 
-.c32:focus {
+.c31:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c32::-webkit-input-placeholder {
+.c31::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c32::-moz-placeholder {
+.c31::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c32:-ms-input-placeholder {
+.c31:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c32:invalid {
+.c31:invalid {
   box-shadow: none;
 }
 
-.c32:disabled {
+.c31:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c32:disabled::-webkit-input-placeholder {
+.c31:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c32:disabled::-moz-placeholder {
+.c31:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c32:disabled:-ms-input-placeholder {
+.c31:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c32:disabled {
+.c31:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c32:disabled::-webkit-input-placeholder {
+.c31:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c32:disabled::-moz-placeholder {
+.c31:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c32:disabled:-ms-input-placeholder {
+.c31:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -1570,7 +1554,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c33 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -1579,7 +1563,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c33 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -1606,7 +1590,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c37 {
+  .c36 {
     display: none;
   }
 }
@@ -1756,16 +1740,12 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                   >
                     <div
                       className="c28"
-                    >
-                      <label
-                        className="c29"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
               <div
-                className="c30 c8"
+                className="c29 c8"
                 height="0.75rem"
               />
             </div>
@@ -1793,7 +1773,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                   className="c4"
                 >
                   <textarea
-                    className="c31 c32"
+                    className="c30 c31"
                     disabled={false}
                     id="x"
                     onBlur={undefined}
@@ -1804,30 +1784,26 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                 >
                   <div
                     className="c28"
-                  >
-                    <label
-                      className="c29"
-                    />
-                  </div>
+                  />
                 </div>
               </div>
               <div
-                className="c30 c8"
+                className="c29 c8"
                 height="0.75rem"
               />
             </div>
           </div>
           <div
-            className="c33"
+            className="c32"
           >
             <div
-              className="c34"
+              className="c33"
             >
               <div
                 className="c26"
               >
                 <button
-                  className="c35 c10 c11"
+                  className="c34 c10 c11"
                   disabled={false}
                   href=""
                   onClick={[Function]}
@@ -1838,7 +1814,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                   </span>
                 </button>
                 <button
-                  className="c36 c10 c11"
+                  className="c35 c10 c11"
                   disabled={true}
                   href=""
                   type="submit"
@@ -1849,10 +1825,10 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                 </button>
               </div>
               <div
-                className="c37"
+                className="c36"
               >
                 <button
-                  className="c38 c10 c11"
+                  className="c37 c10 c11"
                   disabled={false}
                   href=""
                   icon={true}
@@ -1889,10 +1865,10 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
     </div>
   </form>
   <div
-    className="c39"
+    className="c38"
   >
     <h3
-      className="c40"
+      className="c39"
     >
       0
        key-value pair
@@ -2983,7 +2959,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-bottom: 1.5rem;
 }
 
-.c36 {
+.c35 {
   margin-top: 0.375rem;
 }
 
@@ -3033,7 +3009,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-left: 0.375rem;
 }
 
-.c34 {
+.c33 {
   position: relative;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -3046,14 +3022,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   max-width: 100%;
 }
 
-.c45 {
+.c44 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
-.c46 {
+.c45 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -3062,7 +3038,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   animation-delay: 0.5s;
 }
 
-.c47 {
+.c46 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -3071,7 +3047,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   animation-delay: 1s;
 }
 
-.c44 {
+.c43 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3193,7 +3169,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c39 {
+.c38 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3238,7 +3214,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin: 0;
 }
 
-.c39:focus {
+.c38:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3246,43 +3222,43 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c39:hover {
+.c38:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c39[disabled] {
+.c38[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c39:focus {
+.c38:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c39:hover {
+.c38:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c40 {
+.c39 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3328,7 +3304,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin: 0;
 }
 
-.c40:focus {
+.c39:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3336,42 +3312,171 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c40:hover {
+.c39:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c40[disabled] {
+.c39[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c40:focus {
+.c39:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c40:hover {
+.c39:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
+.c41 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin: 0;
+  float: right;
+}
+
+.c41:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c41:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c41[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c41:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c41:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c41:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c41:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c41 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c41 svg {
+  max-height: 1.125rem;
+}
+
 .c42 {
   box-sizing: border-box;
   display: inline-block;
@@ -3418,6 +3523,11 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   -webkit-text-fill-color: currentcolor;
   background-color: rgb(255,255,255);
   border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -3493,6 +3603,23 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   border-color: rgb(205,37,27);
 }
 
+.c42:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c42:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c42:active,
+.c42:active:hover,
+.c42:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
 .c42 svg + span {
   margin-left: 0.75rem;
 }
@@ -3501,157 +3628,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c43 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin: 0;
-  float: right;
-}
-
-.c43:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c43:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c43:active,
-.c43:active:hover,
-.c43:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c43[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c43:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c43:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c43:active,
-.c43:active:hover,
-.c43:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c43:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c43:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c43:active,
-.c43:active:hover,
-.c43:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c43:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c43:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c43:active,
-.c43:active:hover,
-.c43:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c43 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c43 svg {
-  max-height: 1.125rem;
-}
-
 .c3 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
@@ -3667,22 +3643,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c32 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -3711,7 +3671,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c37 {
+.c36 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -3750,7 +3710,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   display: block;
 }
 
-.c38 {
+.c37 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -3760,7 +3720,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   display: block;
 }
 
-.c41 {
+.c40 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -3825,7 +3785,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   height: 1.5rem;
 }
 
-.c33 {
+.c32 {
   background-color: rgb(216,216,216);
   margin: 0;
   background-color: transparent;
@@ -4164,7 +4124,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   color: rgba(73,73,73,0.5);
 }
 
-.c35 {
+.c34 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 6rem;
@@ -4189,58 +4149,58 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   resize: vertical;
 }
 
-.c35:focus {
+.c34:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c35::-webkit-input-placeholder {
+.c34::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c35::-moz-placeholder {
+.c34::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c35:-ms-input-placeholder {
+.c34:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c35:invalid {
+.c34:invalid {
   box-shadow: none;
 }
 
-.c35:disabled {
+.c34:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c35:disabled::-webkit-input-placeholder {
+.c34:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c35:disabled::-moz-placeholder {
+.c34:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c35:disabled:-ms-input-placeholder {
+.c34:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c35:disabled {
+.c34:disabled {
   color: rgba(73,73,73,1);
 }
 
-.c35:disabled::-webkit-input-placeholder {
+.c34:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c35:disabled::-moz-placeholder {
+.c34:disabled::-moz-placeholder {
   color: rgba(73,73,73,1);
 }
 
-.c35:disabled:-ms-input-placeholder {
+.c34:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,1);
 }
 
@@ -4291,7 +4251,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c37 {
+  .c36 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -4300,7 +4260,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c37 {
+  .c36 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -4327,7 +4287,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c38 {
+  .c37 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -4336,7 +4296,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c41 {
+  .c40 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -4520,16 +4480,12 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     >
                       <div
                         className="c31"
-                      >
-                        <label
-                          className="c32"
-                        />
-                      </div>
+                      />
                     </div>
                   </div>
                 </div>
                 <div
-                  className="c33 c8"
+                  className="c32 c8"
                   height="0.75rem"
                 />
               </div>
@@ -4557,7 +4513,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     className="c4"
                   >
                     <textarea
-                      className="c34 c35"
+                      className="c33 c34"
                       disabled={false}
                       id="C"
                       onBlur={undefined}
@@ -4568,30 +4524,26 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                   >
                     <div
                       className="c31"
-                    >
-                      <label
-                        className="c32"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
                 <div
-                  className="c33 c8"
+                  className="c32 c8"
                   height="0.75rem"
                 />
               </div>
             </div>
             <div
-              className="c36"
+              className="c35"
             >
               <div
-                className="c37"
+                className="c36"
               >
                 <div
-                  className="c38"
+                  className="c37"
                 >
                   <button
-                    className="c39 c10 c11"
+                    className="c38 c10 c11"
                     disabled={false}
                     href=""
                     onClick={[Function]}
@@ -4602,7 +4554,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     </span>
                   </button>
                   <button
-                    className="c40 c10 c11"
+                    className="c39 c10 c11"
                     disabled={true}
                     href=""
                     type="submit"
@@ -4613,10 +4565,10 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                   </button>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <button
-                    className="c42 c10 c11"
+                    className="c41 c10 c11"
                     disabled={false}
                     href=""
                     icon={true}
@@ -4747,16 +4699,12 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     >
                       <div
                         className="c31"
-                      >
-                        <label
-                          className="c32"
-                        />
-                      </div>
+                      />
                     </div>
                   </div>
                 </div>
                 <div
-                  className="c33 c8"
+                  className="c32 c8"
                   height="0.75rem"
                 />
               </div>
@@ -4784,7 +4732,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     className="c4"
                   >
                     <textarea
-                      className="c34 c35"
+                      className="c33 c34"
                       disabled={false}
                       id="E"
                       onBlur={undefined}
@@ -4795,30 +4743,26 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                   >
                     <div
                       className="c31"
-                    >
-                      <label
-                        className="c32"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
                 <div
-                  className="c33 c8"
+                  className="c32 c8"
                   height="0.75rem"
                 />
               </div>
             </div>
             <div
-              className="c36"
+              className="c35"
             >
               <div
-                className="c37"
+                className="c36"
               >
                 <div
-                  className="c38"
+                  className="c37"
                 >
                   <button
-                    className="c39 c10 c11"
+                    className="c38 c10 c11"
                     disabled={false}
                     href=""
                     onClick={[Function]}
@@ -4829,7 +4773,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     </span>
                   </button>
                   <button
-                    className="c40 c10 c11"
+                    className="c39 c10 c11"
                     disabled={true}
                     href=""
                     type="submit"
@@ -4840,10 +4784,10 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                   </button>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <button
-                    className="c42 c10 c11"
+                    className="c41 c10 c11"
                     disabled={false}
                     href=""
                     icon={true}
@@ -4974,16 +4918,12 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     >
                       <div
                         className="c31"
-                      >
-                        <label
-                          className="c32"
-                        />
-                      </div>
+                      />
                     </div>
                   </div>
                 </div>
                 <div
-                  className="c33 c8"
+                  className="c32 c8"
                   height="0.75rem"
                 />
               </div>
@@ -5011,7 +4951,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     className="c4"
                   >
                     <textarea
-                      className="c34 c35"
+                      className="c33 c34"
                       disabled={false}
                       id="G"
                       onBlur={undefined}
@@ -5022,30 +4962,26 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                   >
                     <div
                       className="c31"
-                    >
-                      <label
-                        className="c32"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
                 <div
-                  className="c33 c8"
+                  className="c32 c8"
                   height="0.75rem"
                 />
               </div>
             </div>
             <div
-              className="c36"
+              className="c35"
             >
               <div
-                className="c37"
+                className="c36"
               >
                 <div
-                  className="c38"
+                  className="c37"
                 >
                   <button
-                    className="c39 c10 c11"
+                    className="c38 c10 c11"
                     disabled={false}
                     href=""
                     onClick={[Function]}
@@ -5056,7 +4992,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     </span>
                   </button>
                   <button
-                    className="c40 c10 c11"
+                    className="c39 c10 c11"
                     disabled={true}
                     href=""
                     type="submit"
@@ -5067,10 +5003,10 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                   </button>
                 </div>
                 <div
-                  className="c41"
+                  className="c40"
                 >
                   <button
-                    className="c43 c10 c11"
+                    className="c42 c10 c11"
                     disabled={false}
                     href=""
                     icon={true}
@@ -5078,28 +5014,28 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                     type="button"
                   >
                     <div
-                      className="c44"
+                      className="c43"
                     >
                       <svg
                         height="10"
                         width="28"
                       >
                         <rect
-                          className="c45"
+                          className="c44"
                           height="6"
                           width="6"
                           x="2"
                           y="2"
                         />
                         <rect
-                          className="c46"
+                          className="c45"
                           height="6"
                           width="6"
                           x="11"
                           y="2"
                         />
                         <rect
-                          className="c47"
+                          className="c46"
                           height="6"
                           width="6"
                           x="20"
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
index 6f0fe6aa..8df82fed 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
@@ -482,11 +482,11 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c32 {
+.c31 {
   margin-top: 0.375rem;
 }
 
-.c39 {
+.c38 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
@@ -627,7 +627,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c35 {
+.c34 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -672,7 +672,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin: 0;
 }
 
-.c35:focus {
+.c34:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -680,43 +680,43 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c35[disabled] {
+.c34[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c35:focus {
+.c34:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c36 {
+.c35 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -762,7 +762,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin: 0;
 }
 
-.c36:focus {
+.c35:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -770,43 +770,43 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c36[disabled] {
+.c35[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c36:focus {
+.c35:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38 {
+.c37 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -864,7 +864,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   float: right;
 }
 
-.c38:focus {
+.c37:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -872,66 +872,66 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c38[disabled] {
+.c37[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c38:focus {
+.c37:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c38:focus {
+.c37:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:hover {
+.c37:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c38 svg + span {
+.c37 svg + span {
   margin-left: 0.75rem;
 }
 
-.c38 svg {
+.c37 svg {
   max-height: 1.125rem;
 }
 
@@ -950,22 +950,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c30 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -994,7 +978,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c33 {
+.c32 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1023,7 +1007,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   display: block;
 }
 
-.c34 {
+.c33 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1033,7 +1017,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   display: block;
 }
 
-.c37 {
+.c36 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1043,7 +1027,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   display: block;
 }
 
-.c40 {
+.c39 {
   color: rgba(73,73,73,1);
   font-weight: normal;
   line-height: 1.625rem;
@@ -1051,16 +1035,16 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin: 0;
 }
 
-.c40 + p,
-.c40 + small,
-.c40 + h1,
-.c40 + h2,
-.c40 + label,
-.c40 + h3,
-.c40 + h4,
-.c40 + h5,
-.c40 + div,
-.c40 + span {
+.c39 + p,
+.c39 + small,
+.c39 + h1,
+.c39 + h2,
+.c39 + label,
+.c39 + h3,
+.c39 + h4,
+.c39 + h5,
+.c39 + div,
+.c39 + span {
   margin-top: 1.5rem;
 }
 
@@ -1226,7 +1210,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c31 {
+.c30 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -1531,7 +1515,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   max-width: 98%;
 }
 
-.c41 {
+.c40 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -1570,7 +1554,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c32 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -1579,7 +1563,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c32 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -1597,7 +1581,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c33 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -1606,7 +1590,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c37 {
+  .c36 {
     display: none;
   }
 }
@@ -1758,17 +1742,13 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                   >
                     <div
                       className="c29"
-                    >
-                      <label
-                        className="c30"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
             </div>
             <div
-              className="c31"
+              className="c30"
             />
             <div
               className="c27"
@@ -1800,27 +1780,23 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                   >
                     <div
                       className="c29"
-                    >
-                      <label
-                        className="c30"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c32"
+            className="c31"
           >
             <div
-              className="c33"
+              className="c32"
             >
               <div
-                className="c34"
+                className="c33"
               >
                 <button
-                  className="c35 c10 c11"
+                  className="c34 c10 c11"
                   disabled={false}
                   href=""
                   onClick={[Function]}
@@ -1831,7 +1807,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                   </span>
                 </button>
                 <button
-                  className="c36 c10 c11"
+                  className="c35 c10 c11"
                   disabled={true}
                   href=""
                   type="submit"
@@ -1842,10 +1818,10 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                 </button>
               </div>
               <div
-                className="c37"
+                className="c36"
               >
                 <button
-                  className="c38 c10 c11"
+                  className="c37 c10 c11"
                   disabled={false}
                   href=""
                   icon={true}
@@ -1882,10 +1858,10 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
     </div>
   </form>
   <div
-    className="c39"
+    className="c38"
   >
     <h3
-      className="c40"
+      className="c39"
     >
       0
        tag
@@ -1893,7 +1869,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
     </h3>
   </div>
   <ul
-    className="c41"
+    className="c40"
   />
 </div>
 `;
@@ -2380,11 +2356,11 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c32 {
+.c31 {
   margin-top: 0.375rem;
 }
 
-.c39 {
+.c38 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
@@ -2440,7 +2416,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin-left: 0.375rem;
 }
 
-.c35 {
+.c34 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2485,7 +2461,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c35:focus {
+.c34:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2493,43 +2469,43 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c35[disabled] {
+.c34[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c35:focus {
+.c34:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c36 {
+.c35 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2575,7 +2551,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c36:focus {
+.c35:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2583,43 +2559,43 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c36[disabled] {
+.c35[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c36:focus {
+.c35:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38 {
+.c37 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -2677,7 +2653,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   float: right;
 }
 
-.c38:focus {
+.c37:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -2685,66 +2661,66 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c38[disabled] {
+.c37[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c38:focus {
+.c37:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c38:focus {
+.c37:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:hover {
+.c37:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c38 svg + span {
+.c37 svg + span {
   margin-left: 0.75rem;
 }
 
-.c38 svg {
+.c37 svg {
   max-height: 1.125rem;
 }
 
@@ -2870,22 +2846,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c30 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -2914,7 +2874,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c33 {
+.c32 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -2943,7 +2903,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   display: block;
 }
 
-.c34 {
+.c33 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -2953,7 +2913,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   display: block;
 }
 
-.c37 {
+.c36 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -2963,7 +2923,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   display: block;
 }
 
-.c40 {
+.c39 {
   color: rgba(73,73,73,1);
   font-weight: normal;
   line-height: 1.625rem;
@@ -2971,16 +2931,16 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c40 + p,
-.c40 + small,
-.c40 + h1,
-.c40 + h2,
-.c40 + label,
-.c40 + h3,
-.c40 + h4,
-.c40 + h5,
-.c40 + div,
-.c40 + span {
+.c39 + p,
+.c39 + small,
+.c39 + h1,
+.c39 + h2,
+.c39 + label,
+.c39 + h3,
+.c39 + h4,
+.c39 + h5,
+.c39 + div,
+.c39 + span {
   margin-top: 1.5rem;
 }
 
@@ -3125,7 +3085,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c31 {
+.c30 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -3441,7 +3401,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   max-width: 98%;
 }
 
-.c41 {
+.c40 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -3480,7 +3440,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c32 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3489,7 +3449,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c32 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -3507,7 +3467,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c33 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -3516,7 +3476,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c37 {
+  .c36 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -3695,17 +3655,13 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                   >
                     <div
                       className="c29"
-                    >
-                      <label
-                        className="c30"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
             </div>
             <div
-              className="c31"
+              className="c30"
             />
             <div
               className="c27"
@@ -3737,27 +3693,23 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                   >
                     <div
                       className="c29"
-                    >
-                      <label
-                        className="c30"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c32"
+            className="c31"
           >
             <div
-              className="c33"
+              className="c32"
             >
               <div
-                className="c34"
+                className="c33"
               >
                 <button
-                  className="c35 c10 c11"
+                  className="c34 c10 c11"
                   disabled={false}
                   href=""
                   onClick={[Function]}
@@ -3768,7 +3720,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                   </span>
                 </button>
                 <button
-                  className="c36 c10 c11"
+                  className="c35 c10 c11"
                   disabled={true}
                   href=""
                   type="submit"
@@ -3779,10 +3731,10 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                 </button>
               </div>
               <div
-                className="c37"
+                className="c36"
               >
                 <button
-                  className="c38 c10 c11"
+                  className="c37 c10 c11"
                   disabled={false}
                   href=""
                   icon={true}
@@ -3819,10 +3771,10 @@ exports[`renders <Tags editing /> without throwing 1`] = `
     </div>
   </form>
   <div
-    className="c39"
+    className="c38"
   >
     <h3
-      className="c40"
+      className="c39"
     >
       0
        tag
@@ -3830,7 +3782,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
     </h3>
   </div>
   <ul
-    className="c41"
+    className="c40"
   />
 </div>
 `;
@@ -3840,11 +3792,11 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
-.c32 {
+.c31 {
   margin-top: 0.375rem;
 }
 
-.c43 {
+.c42 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
@@ -3891,14 +3843,14 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-left: 0.375rem;
 }
 
-.c40 {
+.c39 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
-.c41 {
+.c40 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -3907,7 +3859,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   animation-delay: 0.5s;
 }
 
-.c42 {
+.c41 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@@ -3916,7 +3868,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   animation-delay: 1s;
 }
 
-.c39 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3953,7 +3905,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-left: 0.375rem;
 }
 
-.c35 {
+.c34 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3998,7 +3950,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c35:focus {
+.c34:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4006,43 +3958,43 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c35[disabled] {
+.c34[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c35:focus {
+.c34:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c35:hover {
+.c34:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c36 {
+.c35 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4088,7 +4040,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c36:focus {
+.c35:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4096,38 +4048,38 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c36[disabled] {
+.c35[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c36:focus {
+.c35:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c36:hover {
+.c35:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
@@ -4239,7 +4191,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c38 {
+.c37 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4302,7 +4254,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   float: right;
 }
 
-.c38:focus {
+.c37:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4310,83 +4262,83 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c38[disabled] {
+.c37[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c38:focus {
+.c37:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c38:focus {
+.c37:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:hover {
+.c37:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c38:focus {
+.c37:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c37:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38 svg + span {
+.c37 svg + span {
   margin-left: 0.75rem;
 }
 
-.c38 svg {
+.c37 svg {
   max-height: 1.125rem;
 }
 
@@ -4405,22 +4357,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c30 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  float: right;
-  font-size: 0.8125rem;
-  margin-top: 0.375rem;
-  float: none;
-  width: 18.75rem;
-}
-
 .c0 {
   margin-right: auto;
   margin-left: auto;
@@ -4449,7 +4385,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c33 {
+.c32 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4478,7 +4414,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   display: block;
 }
 
-.c34 {
+.c33 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4488,7 +4424,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   display: block;
 }
 
-.c37 {
+.c36 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4498,7 +4434,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   display: block;
 }
 
-.c44 {
+.c43 {
   color: rgba(73,73,73,1);
   font-weight: normal;
   line-height: 1.625rem;
@@ -4506,16 +4442,16 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin: 0;
 }
 
-.c44 + p,
-.c44 + small,
-.c44 + h1,
-.c44 + h2,
-.c44 + label,
-.c44 + h3,
-.c44 + h4,
-.c44 + h5,
-.c44 + div,
-.c44 + span {
+.c43 + p,
+.c43 + small,
+.c43 + h1,
+.c43 + h2,
+.c43 + label,
+.c43 + h3,
+.c43 + h4,
+.c43 + h5,
+.c43 + div,
+.c43 + span {
   margin-top: 1.5rem;
 }
 
@@ -4660,7 +4596,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   flex-basis: auto;
 }
 
-.c31 {
+.c30 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -4976,7 +4912,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   max-width: 98%;
 }
 
-.c45 {
+.c44 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -5015,7 +4951,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c32 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -5024,7 +4960,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c32 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -5042,7 +4978,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c33 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -5051,7 +4987,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c37 {
+  .c36 {
     -webkit-flex-basis: 41.66666666666667%;
     -ms-flex-preferred-size: 41.66666666666667%;
     flex-basis: 41.66666666666667%;
@@ -5230,17 +5166,13 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                   >
                     <div
                       className="c29"
-                    >
-                      <label
-                        className="c30"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
             </div>
             <div
-              className="c31"
+              className="c30"
             />
             <div
               className="c27"
@@ -5272,27 +5204,23 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                   >
                     <div
                       className="c29"
-                    >
-                      <label
-                        className="c30"
-                      />
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            className="c32"
+            className="c31"
           >
             <div
-              className="c33"
+              className="c32"
             >
               <div
-                className="c34"
+                className="c33"
               >
                 <button
-                  className="c35 c10 c11"
+                  className="c34 c10 c11"
                   disabled={false}
                   href=""
                   onClick={[Function]}
@@ -5303,7 +5231,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                   </span>
                 </button>
                 <button
-                  className="c36 c10 c11"
+                  className="c35 c10 c11"
                   disabled={true}
                   href=""
                   type="submit"
@@ -5314,10 +5242,10 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                 </button>
               </div>
               <div
-                className="c37"
+                className="c36"
               >
                 <button
-                  className="c38 c10 c11"
+                  className="c37 c10 c11"
                   disabled={false}
                   href=""
                   icon={true}
@@ -5325,28 +5253,28 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                   type="button"
                 >
                   <div
-                    className="c39"
+                    className="c38"
                   >
                     <svg
                       height="10"
                       width="28"
                     >
                       <rect
-                        className="c40"
+                        className="c39"
                         height="6"
                         width="6"
                         x="2"
                         y="2"
                       />
                       <rect
-                        className="c41"
+                        className="c40"
                         height="6"
                         width="6"
                         x="11"
                         y="2"
                       />
                       <rect
-                        className="c42"
+                        className="c41"
                         height="6"
                         width="6"
                         x="20"
@@ -5363,10 +5291,10 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
     </div>
   </form>
   <div
-    className="c43"
+    className="c42"
   >
     <h3
-      className="c44"
+      className="c43"
     >
       0
        tag
@@ -5374,7 +5302,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
     </h3>
   </div>
   <ul
-    className="c45"
+    className="c44"
   />
 </div>
 `;
diff --git a/packages/ui-toolkit/src/form/meta.js b/packages/ui-toolkit/src/form/meta.js
index e4797d49..a9216cda 100644
--- a/packages/ui-toolkit/src/form/meta.js
+++ b/packages/ui-toolkit/src/form/meta.js
@@ -1,5 +1,5 @@
 import { Subscriber } from 'joy-react-broadcast';
-import is from 'styled-is';
+import is, { isNot } from 'styled-is';
 import PropTypes from 'prop-types';
 import React from 'react';
 import remcalc from 'remcalc';
@@ -64,7 +64,7 @@ const Meta = props => {
     const isRight = !props.left;
 
     return (
-      <StyledLabel
+      msg ? <StyledLabel
         {...meta}
         {...props}
         error={hasError}
@@ -73,7 +73,7 @@ const Meta = props => {
         right={isRight}
       >
         {msg}
-      </StyledLabel>
+      </StyledLabel> : null
     );
   };