From 0d207f01e8a49b82a9a150719bb404aee5a960c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Ramos?= <mail@sergioramos.me>
Date: Fri, 19 Jan 2018 17:37:31 +0000
Subject: [PATCH] feat(my-joy-beta): create instance user scripts

fixes #984
---
 packages/icons/package.json                   |    2 +-
 .../__snapshots__/icons.spec.js.snap          | 6503 +++-----------
 packages/icons/src/__tests__/icons.spec.js    |    1 -
 packages/icons/src/actions.js                 |   18 +-
 packages/icons/src/affinity.js                |   37 +-
 packages/icons/src/arrow.js                   |    9 +-
 packages/icons/src/clipboard.js               |   34 +-
 packages/icons/src/close.js                   |    9 +-
 packages/icons/src/cns.js                     |   54 +-
 packages/icons/src/cpu.js                     |    4 +-
 packages/icons/src/data-center.js             |    7 +-
 packages/icons/src/delete.js                  |   31 +-
 packages/icons/src/edit.js                    |   39 +-
 packages/icons/src/fabric.js                  |   12 +-
 packages/icons/src/filter.js                  |   32 +
 packages/icons/src/firewall.js                |   47 +-
 packages/icons/src/general.js                 |    4 +-
 packages/icons/src/id.js                      |   55 +-
 packages/icons/src/import.js                  |   61 +-
 packages/icons/src/index.js                   |    2 +
 packages/icons/src/instance-type.js           |   75 +-
 packages/icons/src/login.js                   |   43 +-
 packages/icons/src/memory.js                  |    4 +-
 packages/icons/src/metadata.js                |   60 +-
 packages/icons/src/name.js                    |   10 +-
 packages/icons/src/network.js                 |   30 +-
 packages/icons/src/package.js                 |   30 +-
 packages/icons/src/private.js                 |    2 +-
 packages/icons/src/public.js                  |   10 +-
 packages/icons/src/randomize.js               |    4 +-
 packages/icons/src/restart.js                 |   49 +-
 packages/icons/src/script.js                  |   32 +
 packages/icons/src/services.js                |   11 +-
 packages/icons/src/start.js                   |   49 +-
 packages/icons/src/stop.js                    |   39 +-
 packages/icons/src/storage.js                 |    6 +-
 packages/icons/src/tags.js                    |   45 +-
 packages/my-joy-beta/package.json             |    3 +-
 packages/my-joy-beta/public/index.html        |    1 -
 .../__snapshots__/affinity.spec.js.snap       |   20 +-
 .../__tests__/__snapshots__/cns.spec.js.snap  |   12 +-
 .../__snapshots__/images.spec.js.snap         |   93 +-
 .../__tests__/__snapshots__/name.spec.js.snap | 1436 ++-
 .../__snapshots__/network.spec.js.snap        |  220 +-
 .../__snapshots__/package.spec.js.snap        |  118 +-
 .../__snapshots__/title.spec.js.snap          |   24 +-
 .../src/components/create-instance/name.js    |    5 -
 .../__snapshots__/key-value.spec.js.snap      |  312 +-
 .../__tests__/__snapshots__/list.spec.js.snap |  208 +-
 .../__snapshots__/metadata.spec.js.snap       |   86 +-
 .../__snapshots__/snapshots.spec.js.snap      |  144 +-
 .../__snapshots__/summary.spec.js.snap        | 2772 ++----
 .../__tests__/__snapshots__/tags.spec.js.snap |   86 +-
 .../__snapshots__/toolbar.spec.js.snap        |   73 +-
 .../src/components/instances/key-value.js     |  142 +-
 .../src/components/instances/toolbar.js       |    2 +-
 .../__tests__/__snapshots__/menu.spec.js.snap |    1 +
 .../__snapshots__/metadata.spec.js.snap       |  536 +-
 .../__snapshots__/networks.spec.js.snap       |  246 +-
 .../__tests__/__snapshots__/tag.spec.js.snap  |  274 +-
 .../__snapshots__/user-script.spec.js.snap    | 7827 +++++++++++++++++
 .../__tests__/user-script.spec.js             |   92 +
 .../src/containers/create-instance/index.js   |   26 +-
 .../containers/create-instance/metadata.js    |    2 +-
 .../src/containers/create-instance/name.js    |    6 +
 .../containers/create-instance/user-script.js |  149 +
 .../__tests__/__snapshots__/list.spec.js.snap | 1172 +--
 .../__snapshots__/metadata.spec.js.snap       |  179 +-
 .../__snapshots__/summary.spec.js.snap        | 1038 +--
 .../__tests__/__snapshots__/tags.spec.js.snap |  601 +-
 .../__snapshots__/breadcrumb.spec.js.snap     |   21 +-
 packages/my-joy-beta/src/router.js            |   57 +-
 packages/navigation/package.json              |    6 +-
 packages/ui-toolkit/package.json              |    4 +-
 .../__snapshots__/anchor.spec.js.snap         |    3 +
 packages/ui-toolkit/src/anchor/index.js       |    6 +-
 packages/ui-toolkit/src/base/global.js        |    5 +-
 .../__snapshots__/index.spec.js.snap          |   35 +-
 .../__snapshots__/button.spec.js.snap         |   10 +
 packages/ui-toolkit/src/button/index.js       |    1 +
 .../__tests__/__snapshots__/form.spec.js.snap |    3 +
 packages/ui-toolkit/src/form/base/toggle.js   |    2 +
 packages/ui-toolkit/src/form/legend.js        |    1 +
 packages/ui-toolkit/src/icons/index.js        |    2 +
 packages/ui-toolkit/src/index.js              |    1 +
 .../__snapshots__/message.spec.js.snap        |   27 +-
 .../__snapshots__/section.spec.js.snap        |    4 +
 .../__tests__/__snapshots__/text.spec.js.snap |    2 +
 packages/ui-toolkit/src/text/headings.js      |    1 +
 packages/ui-toolkit/src/text/small.js         |    1 +
 packages/ui-toolkit/src/theme/index.js        |    2 +
 yarn.lock                                     |   49 +-
 92 files changed, 12543 insertions(+), 13066 deletions(-)
 create mode 100644 packages/icons/src/filter.js
 create mode 100644 packages/icons/src/script.js
 create mode 100644 packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap
 create mode 100644 packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.spec.js
 create mode 100644 packages/my-joy-beta/src/containers/create-instance/user-script.js

diff --git a/packages/icons/package.json b/packages/icons/package.json
index 4bee4ba6..947f7433 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "joyent-icons",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "license": "MPL-2.0",
   "repository": "github:yldio/joyent-portal",
   "main": "dist/umd/index.js",
diff --git a/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap b/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap
index 64bed9f8..d873c545 100644
--- a/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap
+++ b/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap
@@ -14,29 +14,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill="#464646"
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
   <svg
@@ -51,29 +30,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill="#FFF"
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#FFF"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#FFF"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
   <svg
@@ -88,29 +46,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill={undefined}
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill={undefined}
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill={undefined}
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
   <svg
@@ -125,29 +62,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill="#464646"
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
   <svg
@@ -162,29 +78,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill="#464646"
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
   <svg
@@ -199,29 +94,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill="#464646"
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
   <svg
@@ -236,29 +110,8 @@ Array [
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+        d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         fill="#464646"
-        fill-rule="evenodd"
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.375rem)",
-              }
-        }
-    />
-    <path
-        d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        fill="#464646"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "translateY(0.75rem)",
-              }
-        }
     />
 </svg>,
 ]
@@ -267,235 +120,109 @@ Array [
 exports[`renders <Affinity /> without throwing 1`] = `
 Array [
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 12"
-    width="18"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 24 16"
+    width="20.25"
 >
-    <g
-        transform="translate(-1104 1236)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1104 -1236)"
-                    xlinkHref="#b"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-            id="b"
-        />
-    </defs>
+    <path
+        d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -509,14 +236,13 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
@@ -526,14 +252,13 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill="#FFF"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
@@ -543,14 +268,13 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill={undefined}
-        fillRule="evenodd"
     />
 </svg>,
   <svg
@@ -560,14 +284,13 @@ Array [
             "transform": "rotate(90deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
@@ -577,14 +300,13 @@ Array [
             "transform": "rotate(180deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
@@ -594,14 +316,13 @@ Array [
             "transform": "rotate(-90deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
@@ -611,14 +332,13 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+        d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
 ]
@@ -905,256 +625,116 @@ Array [
 exports[`renders <Clipboard /> without throwing 1`] = `
 Array [
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill="#FFF"
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill={undefined}
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill={undefined}
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="16"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="13"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 15 19"
+    width="15"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2367 443)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2370 -437)"
-            xlinkHref="#e"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2367 -443)"
-            xlinkHref="#f"
-        />
-    </g>
-    <defs>
-        <path
-            d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-            id="e"
-        />
-        <path
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-            id="f"
-        />
-    </defs>
+    <path
+        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -1162,122 +742,115 @@ Array [
 exports[`renders <Close /> without throwing 1`] = `
 Array [
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="#FFF"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill={undefined}
-        fillRule="evenodd"
     />
 </svg>,
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
-    height="12"
+    height="11.31"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
 ]
@@ -1286,368 +859,179 @@ Array [
 exports[`renders <Cns /> without throwing 1`] = `
 Array [
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill="#464646"
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill="#FFF"
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill="#FFF"
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill={undefined}
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill={undefined}
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill={undefined}
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill={undefined}
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill={undefined}
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill="#464646"
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill="#464646"
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill="#464646"
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
   <svg
-    height="13"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16 13"
-    width="16"
+    viewBox="0 0 18 14"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 442)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1106 -442)"
-            xlinkHref="#g"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1106.6 -434)"
-            xlinkHref="#h"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1112.1 -434)"
-            xlinkHref="#i"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1117.6 -434)"
-            xlinkHref="#h"
-        />
-    </g>
-    <defs>
-        <path
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-            id="g"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-            id="h"
-        />
-        <path
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-            id="i"
-        />
-    </defs>
+    <path
+        d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        fill="#464646"
+    />
+    <polygon
+        points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44"
+    />
+    <polygon
+        points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44"
+    />
+    <polygon
+        points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44"
+    />
 </svg>,
 ]
 `;
@@ -1780,11 +1164,6 @@ exports[`renders <Cpu /> without throwing 1`] = `
 Array [
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1796,11 +1175,6 @@ Array [
 </svg>,
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1812,11 +1186,6 @@ Array [
 </svg>,
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1828,11 +1197,6 @@ Array [
 </svg>,
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(90deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1844,11 +1208,6 @@ Array [
 </svg>,
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(180deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1860,11 +1219,6 @@ Array [
 </svg>,
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(-90deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1876,11 +1230,6 @@ Array [
 </svg>,
   <svg
     height="24"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 24 24"
     width="24"
     xmlns="http://www.w3.org/2000/svg"
@@ -1897,121 +1246,79 @@ exports[`renders <DataCenter /> without throwing 1`] = `
 Array [
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill="#FFF"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill={undefined}
-        fillRule="evenodd"
     />
 </svg>,
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(90deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(180deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(-90deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
   <svg
     height="13"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 9 13"
     width="9"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+        d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         fill="#464646"
-        fillRule="evenodd"
     />
 </svg>,
 ]
@@ -2020,228 +1327,116 @@ Array [
 exports[`renders <Delete /> without throwing 1`] = `
 Array [
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill="#FFF"
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill={undefined}
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="16"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 9 12"
-    width="9"
+    viewBox="0 0 12 16"
+    width="12"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(17403 -18583)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(-17403 18583)"
-                xlinkHref="#j"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-            fillRule="evenodd"
-            id="j"
-        />
-    </defs>
+    <path
+        d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -2348,7 +1543,7 @@ Array [
             <use
                 fill="#464646"
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2356,7 +1551,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2380,7 +1575,7 @@ Array [
             <use
                 fill="#FFF"
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2388,7 +1583,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2412,7 +1607,7 @@ Array [
             <use
                 fill={undefined}
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2420,7 +1615,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2444,7 +1639,7 @@ Array [
             <use
                 fill="#464646"
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2452,7 +1647,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2476,7 +1671,7 @@ Array [
             <use
                 fill="#464646"
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2484,7 +1679,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2508,7 +1703,7 @@ Array [
             <use
                 fill="#464646"
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2516,7 +1711,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2540,7 +1735,7 @@ Array [
             <use
                 fill="#464646"
                 transform="translate(-17861 18582)"
-                xlinkHref="#k"
+                xlinkHref="#b"
             />
         </g>
     </g>
@@ -2548,7 +1743,7 @@ Array [
         <path
             d="M 7 0L 5 0L 5 5L 0 5L 0 7L 5 7L 5 12L 7 12L 7 7L 12 7L 12 5L 7 5L 7 0Z"
             fillRule="evenodd"
-            id="k"
+            id="b"
         />
     </defs>
 </svg>,
@@ -2558,256 +1753,81 @@ Array [
 exports[`renders <Edit /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill="#FFF"
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill={undefined}
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill={undefined}
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(90deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(180deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(-90deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
-    width="17"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    height="17.07"
+    viewBox="0 0 17.07 17.07"
+    width="17.07"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-1886 444)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(1886 -441.9)"
-            xlinkHref="#l"
-        />
-        <use
-            fill="#464646"
-            transform="translate(1889.4 -444)"
-            xlinkHref="#m"
-        />
-    </g>
-    <defs>
-        <path
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-            id="l"
-        />
-        <path
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-            id="m"
-        />
-    </defs>
+    <path
+        d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -2815,17 +1835,10 @@ Array [
 exports[`renders <Fabric /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2833,17 +1846,10 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2851,17 +1857,10 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2869,17 +1868,10 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(90deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2887,17 +1879,10 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(180deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2905,17 +1890,10 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(-90deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2923,17 +1901,10 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
-    version="1.1"
+    height="16.2"
     viewBox="0 0 16.2 16.2"
-    width="17"
+    width="16.2"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
         d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2946,340 +1917,116 @@ Array [
 exports[`renders <Firewall /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#FFF"
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#FFF"
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill={undefined}
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill={undefined}
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="18.56"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 17"
-    width="15"
+    viewBox="0 0 17 18.56"
+    width="17"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1886 1522)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1886 -1522)"
-                        xlinkHref="#n"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1889 -1519)"
-                        xlinkHref="#o"
-                    />
-                </g>
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-            id="n"
-        />
-        <path
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-            id="o"
-        />
-    </defs>
+    <path
+        d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -3288,11 +2035,6 @@ exports[`renders <General /> without throwing 1`] = `
 Array [
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3304,11 +2046,6 @@ Array [
 </svg>,
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3320,11 +2057,6 @@ Array [
 </svg>,
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3336,11 +2068,6 @@ Array [
 </svg>,
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(90deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3352,11 +2079,6 @@ Array [
 </svg>,
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(180deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3368,11 +2090,6 @@ Array [
 </svg>,
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(-90deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3384,11 +2101,6 @@ Array [
 </svg>,
   <svg
     height="20"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 20 20"
     width="20"
     xmlns="http://www.w3.org/2000/svg"
@@ -3593,445 +2305,116 @@ Array [
 exports[`renders <Id /> without throwing 1`] = `
 Array [
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill="#FFF"
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill="#FFF"
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill={undefined}
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill={undefined}
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill={undefined}
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill={undefined}
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill={undefined}
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="12"
+    height="15"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="18"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 20 15"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(-2124 441)"
-    >
-        <use
-            fill="#464646"
-            transform="translate(2124 -441)"
-            xlinkHref="#p"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2126 -439)"
-            xlinkHref="#q"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -438)"
-            xlinkHref="#r"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -436)"
-            xlinkHref="#s"
-        />
-        <use
-            fill="#464646"
-            transform="translate(2134 -434)"
-            xlinkHref="#t"
-        />
-    </g>
-    <defs>
-        <path
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-            id="p"
-        />
-        <path
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-            id="q"
-        />
-        <path
-            d="M5 0H0v1h5V0z"
-            id="r"
-        />
-        <path
-            d="M6 0H0v1h6V0z"
-            id="s"
-        />
-        <path
-            d="M4 0H0v1h4V0z"
-            id="t"
-        />
-    </defs>
+    <path
+        d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -4039,468 +2422,116 @@ Array [
 exports[`renders <Import /> without throwing 1`] = `
 Array [
   <svg
-    height="24"
+    height="18"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="24"
-    light={true}
+    height="18"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    disabled={true}
-    height="24"
+    height="18"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="24"
+    height="18"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="24"
+    height="18"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="24"
+    height="18"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="24"
+    height="18"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 24 24"
-    width="24"
+    viewBox="0 0 15 18"
+    width="15"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-2061 2768)"
-    >
-        <clipPath
-            clipRule="evenodd"
-            id="u"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-        </clipPath>
-        <g
-            clipPath="url(#u)"
-        >
-            <path
-                d="M2061-2768h24v24h-24v-24z"
-                fill="#FFF"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2061 -2754)"
-                xlinkHref="#v"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2072 -2768)"
-                xlinkHref="#w"
-            />
-            <use
-                fill="#464646"
-                transform="translate(2067.29 -2755)"
-                xlinkHref="#undefined"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M0 0h2v8h20V0h2v10H0V0z"
-            fillRule="evenodd"
-            id="v"
-        />
-        <path
-            d="M0 0h2v18H0V0z"
-            fillRule="evenodd"
-            id="w"
-        />
-        <path
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-            fillRule="evenodd"
-            id="undefined"
-        />
-    </defs>
+    <path
+        d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -4528,28 +2559,28 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -4557,7 +2588,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4566,7 +2597,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4575,7 +2606,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4584,7 +2615,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4593,7 +2624,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4602,11 +2633,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -4631,28 +2662,28 @@ Array [
                 <use
                     fill="#FFF"
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#FFF"
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#FFF"
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#FFF"
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -4660,7 +2691,7 @@ Array [
                     <use
                         fill="#FFF"
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4669,7 +2700,7 @@ Array [
                     <use
                         fill="#FFF"
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4678,7 +2709,7 @@ Array [
                     <use
                         fill="#FFF"
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4687,7 +2718,7 @@ Array [
                     <use
                         fill="#FFF"
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4696,7 +2727,7 @@ Array [
                     <use
                         fill="#FFF"
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4705,11 +2736,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -4734,28 +2765,28 @@ Array [
                 <use
                     fill={undefined}
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill={undefined}
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill={undefined}
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill={undefined}
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -4763,7 +2794,7 @@ Array [
                     <use
                         fill={undefined}
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4772,7 +2803,7 @@ Array [
                     <use
                         fill={undefined}
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4781,7 +2812,7 @@ Array [
                     <use
                         fill={undefined}
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4790,7 +2821,7 @@ Array [
                     <use
                         fill={undefined}
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4799,7 +2830,7 @@ Array [
                     <use
                         fill={undefined}
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4808,11 +2839,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -4837,28 +2868,28 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -4866,7 +2897,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4875,7 +2906,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4884,7 +2915,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4893,7 +2924,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4902,7 +2933,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4911,11 +2942,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -4940,28 +2971,28 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -4969,7 +3000,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4978,7 +3009,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4987,7 +3018,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -4996,7 +3027,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5005,7 +3036,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5014,11 +3045,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -5043,28 +3074,28 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -5072,7 +3103,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5081,7 +3112,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5090,7 +3121,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5099,7 +3130,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5108,7 +3139,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5117,11 +3148,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -5146,28 +3177,28 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(1105 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1111 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1117 -974)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(1105 -968)"
-                    xlinkHref="#x"
+                    xlinkHref="#c"
                 />
             </g>
             <g>
@@ -5175,7 +3206,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5184,7 +3215,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -968)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5193,7 +3224,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1105 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5202,7 +3233,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1111 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5211,7 +3242,7 @@ Array [
                     <use
                         fill="#464646"
                         transform="translate(1117 -962)"
-                        xlinkHref="#y"
+                        xlinkHref="#d"
                     />
                 </g>
             </g>
@@ -5220,11 +3251,11 @@ Array [
     <defs>
         <path
             d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
-            id="x"
+            id="c"
         />
         <path
             d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="y"
+            id="d"
         />
     </defs>
 </svg>,
@@ -5234,536 +3265,116 @@ Array [
 exports[`renders <InstanceType /> without throwing 1`] = `
 Array [
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 15 18"
-    width="15"
+    viewBox="0 0 16.67 20"
+    width="16.67"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1106 1522)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1108 -1516)"
-                    xlinkHref="#z"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1110 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1112 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1114 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1116 -1514)"
-                    xlinkHref="#A"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1106 -1522)"
-                    xlinkHref="#B"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-            id="z"
-        />
-        <path
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-            id="A"
-        />
-        <path
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-            id="B"
-        />
-    </defs>
+    <path
+        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -5908,25 +3519,25 @@ Array [
 >
     <use
         fill="#3b46cc"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -5944,25 +3555,25 @@ Array [
 >
     <use
         fill="#FFF"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#FFF"
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#FFF"
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -5980,25 +3591,25 @@ Array [
 >
     <use
         fill={undefined}
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill={undefined}
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill={undefined}
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -6016,25 +3627,25 @@ Array [
 >
     <use
         fill="#3b46cc"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -6052,25 +3663,25 @@ Array [
 >
     <use
         fill="#3b46cc"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -6088,25 +3699,25 @@ Array [
 >
     <use
         fill="#3b46cc"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -6124,25 +3735,25 @@ Array [
 >
     <use
         fill="#3b46cc"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".5"
         transform="translate(9)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <use
         fill="#3b46cc"
         opacity=".25"
         transform="translate(18)"
-        xlinkHref="#C"
+        xlinkHref="#e"
     />
     <defs>
         <path
             d="M0 0h6v6H0V0z"
             fillRule="evenodd"
-            id="C"
+            id="e"
         />
     </defs>
 </svg>,
@@ -6152,312 +3763,116 @@ Array [
 exports[`renders <Login /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 18 19"
+    width="18"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 179)"
-    >
-        <g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1889 -179)"
-                    xlinkHref="#D"
-                />
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1885 -175)"
-                    xlinkHref="#E"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-            id="D"
-        />
-        <path
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-            id="E"
-        />
-    </defs>
+    <path
+        d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -6466,11 +3881,6 @@ exports[`renders <Memory /> without throwing 1`] = `
 Array [
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6482,11 +3892,6 @@ Array [
 </svg>,
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6498,11 +3903,6 @@ Array [
 </svg>,
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6514,11 +3914,6 @@ Array [
 </svg>,
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(90deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6530,11 +3925,6 @@ Array [
 </svg>,
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(180deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6546,11 +3936,6 @@ Array [
 </svg>,
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(-90deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6562,11 +3947,6 @@ Array [
 </svg>,
   <svg
     height="21.68"
-    style={
-        Object {
-            "transform": "rotate(0deg)",
-          }
-    }
     viewBox="0 0 21.68 21.68"
     width="21.68"
     xmlns="http://www.w3.org/2000/svg"
@@ -6588,57 +3968,21 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill="#464646"
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill="#464646"
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
   <svg
     height="11"
@@ -6647,57 +3991,21 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#FFF"
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#FFF"
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill="#FFF"
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill="#FFF"
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
   <svg
     height="11"
@@ -6706,57 +4014,21 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill={undefined}
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill={undefined}
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill={undefined}
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill={undefined}
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
   <svg
     height="11"
@@ -6765,57 +4037,21 @@ Array [
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill="#464646"
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill="#464646"
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
   <svg
     height="11"
@@ -6824,57 +4060,21 @@ Array [
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill="#464646"
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill="#464646"
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
   <svg
     height="11"
@@ -6883,57 +4083,21 @@ Array [
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill="#464646"
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill="#464646"
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
   <svg
     height="11"
@@ -6942,57 +4106,21 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 11"
-    width="18"
+    viewBox="0 0 17.04 11"
+    width="17.04"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1884 1236)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1884 -1233.9)"
-                        xlinkHref="#F"
-                    />
-                </g>
-            </g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1896 -1233.9)"
-                        xlinkHref="#G"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1891 -1236)"
-                    xlinkHref="#H"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-            id="F"
-        />
-        <path
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-            id="G"
-        />
-        <path
-            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-            id="H"
-        />
-    </defs>
+    <path
+        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        fill="#464646"
+    />
+    <path
+        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        fill="#464646"
+    />
+    <polygon
+        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+    />
 </svg>,
 ]
 `;
@@ -7124,128 +4252,114 @@ Array [
 exports[`renders <Name /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill="#464646"
     />
 </svg>,
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill="#FFF"
     />
 </svg>,
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill={undefined}
     />
 </svg>,
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill="#464646"
     />
 </svg>,
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill="#464646"
     />
 </svg>,
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill="#464646"
     />
 </svg>,
   <svg
-    height="17"
+    height="21.91"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 16.24 13.55"
-    width="17"
+    viewBox="0 0 21.48 21.91"
+    width="21.48"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
     <path
-        d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+        d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         fill="#464646"
     />
 </svg>,
@@ -7255,221 +4369,116 @@ Array [
 exports[`renders <Network /> without throwing 1`] = `
 Array [
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill="#FFF"
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill={undefined}
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="19.78"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 18 18"
-    width="18"
+    viewBox="0 0 19.78 19.78"
+    width="19.78"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1105 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1105 -710)"
-                xlinkHref="#I"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-            id="I"
-        />
-    </defs>
+    <path
+        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -7477,221 +4486,116 @@ Array [
 exports[`renders <Package /> without throwing 1`] = `
 Array [
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill="#FFF"
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill={undefined}
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="18"
+    height="20.12"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 18"
-    width="17"
+    viewBox="0 0 19 20.12"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 710)"
-    >
-        <g>
-            <use
-                fill="#464646"
-                transform="translate(1885 -710)"
-                xlinkHref="#J"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-            id="J"
-        />
-    </defs>
+    <path
+        d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -7949,12 +4853,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill="#464646"
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="16"
@@ -7966,12 +4868,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill="#FFF"
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
     height="16"
@@ -7983,12 +4883,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill={undefined}
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
     height="16"
@@ -8000,12 +4898,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill="#464646"
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="16"
@@ -8017,12 +4913,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill="#464646"
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="16"
@@ -8034,12 +4928,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill="#464646"
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="16"
@@ -8051,12 +4943,10 @@ Array [
     viewBox="0 0 12 16"
     width="12"
 >
-    <g>
-        <path
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-            fill="#464646"
-        />
-    </g>
+    <path
+        d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -8064,7 +4954,7 @@ Array [
 exports[`renders <Randomize /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(0deg)",
@@ -8072,7 +4962,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8082,7 +4972,7 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(0deg)",
@@ -8090,7 +4980,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8100,7 +4990,7 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(0deg)",
@@ -8108,7 +4998,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8118,7 +5008,7 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(90deg)",
@@ -8126,7 +5016,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8136,7 +5026,7 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(180deg)",
@@ -8144,7 +5034,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8154,7 +5044,7 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(-90deg)",
@@ -8162,7 +5052,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8172,7 +5062,7 @@ Array [
     />
 </svg>,
   <svg
-    height="17"
+    height="18.22"
     style={
         Object {
             "transform": "rotate(0deg)",
@@ -8180,7 +5070,7 @@ Array [
     }
     version="1.1"
     viewBox="0 0 18.22 18.22"
-    width="17"
+    width="18.22"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
 >
@@ -8214,7 +5104,7 @@ Array [
             <use
                 fill="#464646"
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8222,7 +5112,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8246,7 +5136,7 @@ Array [
             <use
                 fill="#FFF"
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8254,7 +5144,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8278,7 +5168,7 @@ Array [
             <use
                 fill={undefined}
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8286,7 +5176,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8310,7 +5200,7 @@ Array [
             <use
                 fill="#464646"
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8318,7 +5208,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8342,7 +5232,7 @@ Array [
             <use
                 fill="#464646"
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8350,7 +5240,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8374,7 +5264,7 @@ Array [
             <use
                 fill="#464646"
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8382,7 +5272,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8406,7 +5296,7 @@ Array [
             <use
                 fill="#464646"
                 transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                xlinkHref="#K"
+                xlinkHref="#f"
             />
         </g>
     </g>
@@ -8414,7 +5304,7 @@ Array [
         <path
             d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
             fillRule="evenodd"
-            id="K"
+            id="f"
         />
     </defs>
 </svg>,
@@ -8424,288 +5314,115 @@ Array [
 exports[`renders <Restart /> without throwing 1`] = `
 Array [
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(0deg)",
           }
     }
-    height="19"
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill="#464646"
     />
 </svg>,
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(0deg)",
           }
     }
-    height="19"
-    light={true}
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        fill-rule="evenodd"
-        light={true}
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill="#FFF"
     />
 </svg>,
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(0deg)",
           }
     }
-    disabled={true}
-    height="19"
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        disabled={true}
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill={undefined}
     />
 </svg>,
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(90deg)",
           }
     }
-    direction="right"
-    height="19"
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        direction="right"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill="#464646"
     />
 </svg>,
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(180deg)",
           }
     }
-    direction="up"
-    height="19"
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        direction="up"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill="#464646"
     />
 </svg>,
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(-90deg)",
           }
     }
-    direction="left"
-    height="19"
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        direction="left"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill="#464646"
     />
 </svg>,
   <svg
-    colors={
+    height="14.46"
+    style={
         Object {
-            "green": "#009858",
-            "greenDark": "#008138",
-            "orange": "#e38200",
-            "primary": "#3b46cc",
-            "text": "#464646",
-            "white": "#FFF",
+            "transform": "rotate(0deg)",
           }
     }
-    direction="down"
-    height="19"
-    version="1.1"
-    viewBox="0 0 16 19"
-    width="16"
+    viewBox="0 0 12.46 14.46"
+    width="12.46"
     xmlns="http://www.w3.org/2000/svg"
 >
     <path
-        colors={
-            Object {
-                "green": "#009858",
-                "greenDark": "#008138",
-                "orange": "#e38200",
-                "primary": "#3b46cc",
-                "text": "#464646",
-                "white": "#FFF",
-              }
-        }
-        d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-        direction="down"
-        fill-rule="evenodd"
-        style={
-            Object {
-                "transform": "rotate(30deg) translateX(1px) translateY(-1px)",
-                "transformOrigin": "50%",
-              }
-        }
-        transform={true}
+        d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        fill="#464646"
     />
 </svg>,
 ]
@@ -8714,368 +5431,116 @@ Array [
 exports[`renders <Start /> without throwing 1`] = `
 Array [
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill="#464646"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill="#FFF"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill={undefined}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill="#464646"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill="#464646"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill="#464646"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="15"
+    height="14"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    width="15"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 13.36 14"
+    width="13.36"
+    xmlns="http://www.w3.org/2000/svg"
 >
-    <g
-        transform="translate(18292 -19563)"
-    >
-        <mask
-            id="L"
-        >
-            <rect
-                fill="#fff"
-                height={15}
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                width={15}
-                x={-1}
-                y={-1}
-            />
-            <use
-                fill="#000"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#M"
-            />
-        </mask>
-        <g
-            mask="url(#L"
-        >
-            <use
-                fill="#464646"
-                transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                xlinkHref="#N"
-            />
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-            id="M"
-        />
-        <path
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-            id="N"
-        />
-    </defs>
+    <path
+        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -9089,46 +5554,14 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill="#464646"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="14"
@@ -9137,46 +5570,14 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill="#FFF"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
     height="14"
@@ -9185,46 +5586,14 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill={undefined}
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
     height="14"
@@ -9233,46 +5602,14 @@ Array [
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill="#464646"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="14"
@@ -9281,46 +5618,14 @@ Array [
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill="#464646"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="14"
@@ -9329,46 +5634,14 @@ Array [
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill="#464646"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
     height="14"
@@ -9377,46 +5650,14 @@ Array [
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
     viewBox="0 0 14 14"
     width="14"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(18113 -18582)"
-    >
-        <g>
-            <mask
-                id="O"
-            >
-                <use
-                    fill="white"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#P"
-                />
-            </mask>
-            <g
-                mask="url(#O)"
-            >
-                <use
-                    fill="#464646"
-                    transform="translate(-18113 18582)"
-                    xlinkHref="#Q"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-            id="P"
-        />
-        <path
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-            id="Q"
-        />
-    </defs>
+    <path
+        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -9424,13 +5665,13 @@ Array [
 exports[`renders <Storage /> without throwing 1`] = `
 Array [
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9440,13 +5681,13 @@ Array [
     />
 </svg>,
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9456,13 +5697,13 @@ Array [
     />
 </svg>,
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9472,13 +5713,13 @@ Array [
     />
 </svg>,
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9488,13 +5729,13 @@ Array [
     />
 </svg>,
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9504,13 +5745,13 @@ Array [
     />
 </svg>,
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9520,13 +5761,13 @@ Array [
     />
 </svg>,
   <svg
-    height="22"
+    height="20"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    viewBox="0 0 22 22"
+    viewBox="0 0 22 20"
     width="22"
     xmlns="http://www.w3.org/2000/svg"
 >
@@ -9541,326 +5782,116 @@ Array [
 exports[`renders <Tags /> without throwing 1`] = `
 Array [
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#FFF"
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#FFF"
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill="#FFF"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill={undefined}
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill={undefined}
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill={undefined}
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(180deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(-90deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill="#464646"
+    />
 </svg>,
   <svg
-    height="17"
+    height="19"
     style={
         Object {
             "transform": "rotate(0deg)",
           }
     }
-    version="1.1"
-    viewBox="0 0 17 17"
-    width="17"
+    viewBox="0 0 19 19"
+    width="19"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
 >
-    <g
-        transform="translate(-1885 974)"
-    >
-        <g>
-            <g>
-                <g>
-                    <use
-                        fill="#464646"
-                        transform="translate(1885 -974)"
-                        xlinkHref="#R"
-                    />
-                </g>
-            </g>
-            <g>
-                <use
-                    fill="#464646"
-                    transform="translate(1888 -971)"
-                    xlinkHref="#S"
-                />
-            </g>
-        </g>
-    </g>
-    <defs>
-        <path
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-            id="R"
-        />
-        <path
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-            id="S"
-        />
-    </defs>
+    <path
+        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        fill="#464646"
+    />
 </svg>,
 ]
 `;
@@ -10007,14 +6038,14 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10022,12 +6053,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
@@ -10052,14 +6083,14 @@ Array [
                 <use
                     fill="#FFF"
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill="#FFF"
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10067,12 +6098,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
@@ -10097,14 +6128,14 @@ Array [
                 <use
                     fill={undefined}
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill={undefined}
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10112,12 +6143,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
@@ -10142,14 +6173,14 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10157,12 +6188,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
@@ -10187,14 +6218,14 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10202,12 +6233,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
@@ -10232,14 +6263,14 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10247,12 +6278,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
@@ -10277,14 +6308,14 @@ Array [
                 <use
                     fill="#464646"
                     transform="translate(-26177 -1383)"
-                    xlinkHref="#U"
+                    xlinkHref="#g"
                 />
             </g>
             <g>
                 <use
                     fill="#464646"
                     transform="translate(-26223 -1404)"
-                    xlinkHref="#V"
+                    xlinkHref="#h"
                 />
             </g>
         </g>
@@ -10292,12 +6323,12 @@ Array [
     <defs>
         <path
             d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
-            id="U"
+            id="g"
         />
         <path
             d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
             fillRule="evenodd"
-            id="V"
+            id="h"
         />
     </defs>
 </svg>,
diff --git a/packages/icons/src/__tests__/icons.spec.js b/packages/icons/src/__tests__/icons.spec.js
index 228150d2..99433c10 100644
--- a/packages/icons/src/__tests__/icons.spec.js
+++ b/packages/icons/src/__tests__/icons.spec.js
@@ -1,5 +1,4 @@
 import React, { Fragment } from 'react';
-import { ThemeProvider } from 'styled-components';
 import renderer from 'react-test-renderer';
 import 'jest-styled-components';
 
diff --git a/packages/icons/src/actions.js b/packages/icons/src/actions.js
index f4018112..650bdb94 100644
--- a/packages/icons/src/actions.js
+++ b/packages/icons/src/actions.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import remcalc from 'remcalc';
 
 import Rotate from './rotate';
 import calcFill from './fill';
@@ -16,29 +15,16 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
+        xmlns="http://www.w3.org/2000/svg"
         width="4"
         height="16"
         viewBox="0 0 4 16"
-        xmlns="http://www.w3.org/2000/svg"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
-          fill-rule="evenodd"
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        />
-        <path
-          fill={calcFill({ fill, disabled, light, colors })}
-          style={{ transform: `translateY(${remcalc(6)})` }}
-          fill-rule="evenodd"
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-        />
-        <path
-          fill={calcFill({ fill, disabled, light, colors })}
-          style={{ transform: `translateY(${remcalc(12)})` }}
-          fill-rule="evenodd"
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+          d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
         />
       </svg>
     )}
diff --git a/packages/icons/src/affinity.js b/packages/icons/src/affinity.js
index 9941eb05..8bf62226 100644
--- a/packages/icons/src/affinity.js
+++ b/packages/icons/src/affinity.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -17,34 +14,12 @@ export default ({
 }) => (
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
-      <svg
-        width="18"
-        height="12"
-        viewBox="0 0 18 12"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
-      >
-        <g transform="translate(-1104 1236)">
-          <g>
-            <g>
-              <use
-                fill={calcFill({ fill, disabled, light, colors })}
-                xlinkHref={`#${ids[0]}`}
-                transform="translate(1104 -1236)"
-              />
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
-          />
-        </defs>
+      <svg width="20.25" height="14" viewBox="0 0 24 16" style={{ ...style, ...rotateStyle }} {...rest}>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
+        />
       </svg>
     )}
   </Rotate>
-);
+);
\ No newline at end of file
diff --git a/packages/icons/src/arrow.js b/packages/icons/src/arrow.js
index fbf1cbb8..b5025e48 100644
--- a/packages/icons/src/arrow.js
+++ b/packages/icons/src/arrow.js
@@ -15,17 +15,16 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="9"
-        height="6"
-        viewBox="0 0 9 6"
         xmlns="http://www.w3.org/2000/svg"
+        width="9.6"
+        height="6"
+        viewBox="0 0 9.6 6"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
-          fillRule="evenodd"
-          d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+          d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
         />
       </svg>
     )}
diff --git a/packages/icons/src/clipboard.js b/packages/icons/src/clipboard.js
index f0424d15..0661ee30 100644
--- a/packages/icons/src/clipboard.js
+++ b/packages/icons/src/clipboard.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,32 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="13"
-        height="16"
-        version="1.1"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        xmlns="http://www.w3.org/2000/svg"
+        width="15"
+        height="19"
+        viewBox="0 0 15 19"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-2367 443)">
-          <use
-            xlinkHref={`#${ids[0]}`}
-            transform="translate(2370 -437)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[1]}`}
-            transform="translate(2367 -443)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-        </g>
-        <defs>
-          <path id={ids[0]} d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z" />
-          <path
-            id={ids[1]}
-            d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/close.js b/packages/icons/src/close.js
index 2ba9708e..f3466ae9 100644
--- a/packages/icons/src/close.js
+++ b/packages/icons/src/close.js
@@ -15,17 +15,16 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="12"
-        height="12"
-        viewBox="0 0 12 12"
         xmlns="http://www.w3.org/2000/svg"
+        width="11.31"
+        height="11.31"
+        viewBox="0 0 11.31 11.31"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
-          d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
-          fillRule="evenodd"
+          d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         />
       </svg>
     )}
diff --git a/packages/icons/src/cns.js b/packages/icons/src/cns.js
index 36892088..9bbcc628 100644
--- a/packages/icons/src/cns.js
+++ b/packages/icons/src/cns.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,51 +15,20 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="16"
-        height="13"
-        viewBox="0 0 16 13"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="18"
+        height="14"
+        viewBox="0 0 18 14"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1106 442)">
-          <use
-            xlinkHref={`#${ids[0]}`}
-            transform="translate(1106 -442)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[1]}`}
-            transform="translate(1106.6 -434)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[2]}`}
-            transform="translate(1112.1 -434)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[1]}`}
-            transform="translate(1117.6 -434)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
-          />
-          <path
-            id={ids[1]}
-            d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
-          />
-          <path
-            id={ids[2]}
-            d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
+        />
+        <polygon points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44" />
+        <polygon points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44" />
+        <polygon points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44" />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/cpu.js b/packages/icons/src/cpu.js
index 6b4a3d48..85b0267b 100644
--- a/packages/icons/src/cpu.js
+++ b/packages/icons/src/cpu.js
@@ -15,12 +15,10 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
+        xmlns="http://www.w3.org/2000/svg"
         width="24"
         height="24"
         viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
diff --git a/packages/icons/src/data-center.js b/packages/icons/src/data-center.js
index 4e5f02f1..9f1a8fa1 100644
--- a/packages/icons/src/data-center.js
+++ b/packages/icons/src/data-center.js
@@ -15,17 +15,14 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
+        xmlns="http://www.w3.org/2000/svg"
         width="9"
         height="13"
         viewBox="0 0 9 13"
-        xmlns="http://www.w3.org/2000/svg"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
-          fillRule="evenodd"
-          d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+          d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
         />
       </svg>
     )}
diff --git a/packages/icons/src/delete.js b/packages/icons/src/delete.js
index 235dcaca..e91e42f8 100644
--- a/packages/icons/src/delete.js
+++ b/packages/icons/src/delete.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,31 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="9"
-        height="12"
-        viewBox="0 0 9 12"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="12"
+        height="16"
+        viewBox="0 0 12 16"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(17403 -18583)">
-          <g>
-            <use
-              fill={calcFill({ fill, disabled, light, colors })}
-              xlinkHref={`#${ids[0]}`}
-              transform="translate(-17403 18583)"
-            />
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            fillRule="evenodd"
-            d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/edit.js b/packages/icons/src/edit.js
index 89e2dad9..5c38cbd1 100644
--- a/packages/icons/src/edit.js
+++ b/packages/icons/src/edit.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,35 +15,15 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="17"
-        height="17"
-        version="1.1"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
+        xmlns="http://www.w3.org/2000/svg"
+        width="17.07"
+        height="17.07"
+        viewBox="0 0 17.07 17.07"
       >
-        <g transform="translate(-1886 444)">
-          <use
-            xlinkHref={`#${ids[0]}`}
-            transform="translate(1886 -441.9)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[1]}`}
-            transform="translate(1889.4 -444)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
-          />
-          <path
-            id={ids[1]}
-            d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/fabric.js b/packages/icons/src/fabric.js
index ed994828..7397edb6 100644
--- a/packages/icons/src/fabric.js
+++ b/packages/icons/src/fabric.js
@@ -15,18 +15,14 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        viewBox="0 0 16.2 16.2"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
-        width="17"
-        height="17"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
+        width="16.2"
+        height="16.2"
+        viewBox="0 0 16.2 16.2"
       >
         <path
-          d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
           fill={calcFill({ fill, disabled, light, colors })}
+          d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
         />
       </svg>
     )}
diff --git a/packages/icons/src/filter.js b/packages/icons/src/filter.js
new file mode 100644
index 00000000..f417ae49
--- /dev/null
+++ b/packages/icons/src/filter.js
@@ -0,0 +1,32 @@
+import React from 'react';
+
+import Rotate from './rotate';
+import calcFill from './fill';
+
+export default ({
+  fill = null,
+  light = false,
+  disabled = false,
+  direction = 'down',
+  colors = {},
+  style = {},
+  ...rest
+}) => (
+  <Rotate direction={direction}>
+    {({ style: rotateStyle }) => (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="18"
+        height="15.71"
+        viewBox="0 0 18 15.71"
+        style={{ ...style, ...rotateStyle }}
+        {...rest}
+      >
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M15.28,2a.81.81,0,0,1,.72.86.91.91,0,0,1-.25.65l0,0,0,0L11.54,8.35A4.11,4.11,0,0,0,10,12.17v.88c0,.43,0,.66-1,.66s-1-.23-1-.66v-.88A4.11,4.11,0,0,0,6.46,8.35L2.3,3.58l0,0,0,0A.91.91,0,0,1,2,2.86.81.81,0,0,1,2.72,2H15.28m0-2H2.72A2.8,2.8,0,0,0,0,2.86a2.9,2.9,0,0,0,.8,2L5,9.71c1,1,1,1,1,2.46v.88c0,1.66,1,2.66,3,2.66s3-1,3-2.66v-.88c0-1.46,0-1.46,1-2.46l4.2-4.82a2.9,2.9,0,0,0,.8-2A2.8,2.8,0,0,0,15.28,0Z"
+        />
+      </svg>
+    )}
+  </Rotate>
+);
diff --git a/packages/icons/src/firewall.js b/packages/icons/src/firewall.js
index 03ea5658..16550b42 100644
--- a/packages/icons/src/firewall.js
+++ b/packages/icons/src/firewall.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,47 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="15"
-        height="17"
-        viewBox="0 0 15 17"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="17"
+        height="18.56"
+        viewBox="0 0 17 18.56"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1886 1522)">
-          <g>
-            <g>
-              <g>
-                <use
-                  xlinkHref={`#${ids[0]}`}
-                  transform="translate(1886 -1522)"
-                  fill={calcFill({ fill, disabled, light, colors })}
-                />
-              </g>
-            </g>
-            <g>
-              <g>
-                <use
-                  xlinkHref={`#${ids[1]}`}
-                  transform="translate(1889 -1519)"
-                  fill={calcFill({ fill, disabled, light, colors })}
-                />
-              </g>
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
-          />
-          <path
-            id={ids[1]}
-            d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/general.js b/packages/icons/src/general.js
index 80a84435..b00c3b61 100644
--- a/packages/icons/src/general.js
+++ b/packages/icons/src/general.js
@@ -15,12 +15,10 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
+        xmlns="http://www.w3.org/2000/svg"
         width="20"
         height="20"
         viewBox="0 0 20 20"
-        xmlns="http://www.w3.org/2000/svg"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
diff --git a/packages/icons/src/id.js b/packages/icons/src/id.js
index db189953..47ef4c31 100644
--- a/packages/icons/src/id.js
+++ b/packages/icons/src/id.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,53 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="18"
-        height="12"
-        version="1.1"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="15"
+        viewBox="0 0 20 15"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-2124 441)">
-          <use
-            xlinkHref={`#${ids[0]}`}
-            transform="translate(2124 -441)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[1]}`}
-            transform="translate(2126 -439)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[2]}`}
-            transform="translate(2134 -438)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[3]}`}
-            transform="translate(2134 -436)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-          <use
-            xlinkHref={`#${ids[4]}`}
-            transform="translate(2134 -434)"
-            fill={calcFill({ fill, disabled, light, colors })}
-          />
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
-          />
-          <path
-            id={ids[1]}
-            d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
-          />
-          <path id={ids[2]} d="M5 0H0v1h5V0z" />
-          <path id={ids[3]} d="M6 0H0v1h6V0z" />
-          <path id={ids[4]} d="M4 0H0v1h4V0z" />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/import.js b/packages/icons/src/import.js
index afd2ade4..d6318092 100644
--- a/packages/icons/src/import.js
+++ b/packages/icons/src/import.js
@@ -1,58 +1,31 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
+import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
-export default ({ direction = 'down', style = {}, colors = {}, ...rest }) => (
+export default ({
+  fill = null,
+  light = false,
+  disabled = false,
+  direction = 'down',
+  colors = {},
+  style = {},
+  ...rest
+}) => (
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="15"
+        height="18"
+        viewBox="0 0 15 18"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-2061 2768)">
-          <clipPath id={`${ids[0]}`} clipRule="evenodd">
-            <path fill={colors.white} d="M2061-2768h24v24h-24v-24z" />
-          </clipPath>
-          <g clipPath={`url(#${ids[0]})`}>
-            <path fill={colors.white} d="M2061-2768h24v24h-24v-24z" />
-            <use
-              xlinkHref={`#${ids[1]}`}
-              fill={colors.text}
-              transform="translate(2061 -2754)"
-            />
-            <use
-              xlinkHref={`#${ids[2]}`}
-              fill={colors.text}
-              transform="translate(2072 -2768)"
-            />
-            <use
-              xlinkHref={`#${ids[3]}`}
-              fill={colors.text}
-              transform="translate(2067.29 -2755)"
-            />
-          </g>
-        </g>
-        <defs>
-          <path
-            id={`${ids[1]}`}
-            fillRule="evenodd"
-            d="M0 0h2v8h20V0h2v10H0V0z"
-          />
-          <path id={`${ids[2]}`} fillRule="evenodd" d="M0 0h2v18H0V0z" />
-          <path
-            id={`${ids[3]}`}
-            fillRule="evenodd"
-            d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index 5c9035b4..b75ef7a5 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -14,6 +14,7 @@ export { default as Dot } from './dot';
 export { default as Duplicate } from './duplicate';
 export { default as Edit } from './edit';
 export { default as Fabric } from './fabric';
+// export { default as Filter } from './filter';
 export { default as Firewall } from './firewall';
 export { default as General } from './general';
 export { default as Health } from './health';
@@ -36,6 +37,7 @@ export { default as Public } from './public';
 export { default as Randomize } from './randomize';
 export { default as Reset } from './reset';
 export { default as Restart } from './restart';
+export { default as Script } from './script';
 export { default as Services } from './services';
 export { default as Start } from './start';
 export { default as Stop } from './stop';
diff --git a/packages/icons/src/instance-type.js b/packages/icons/src/instance-type.js
index 9529819b..4a65f9a7 100644
--- a/packages/icons/src/instance-type.js
+++ b/packages/icons/src/instance-type.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,75 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="15"
-        height="18"
-        viewBox="0 0 15 18"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="16.67"
+        height="20"
+        viewBox="0 0 16.67 20"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1106 1522)">
-          <g>
-            <g>
-              <use
-                xlinkHref={`#${ids[0]}`}
-                transform="translate(1108 -1516)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                transform="translate(1110 -1514)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                transform="translate(1112 -1514)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                transform="translate(1114 -1514)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                transform="translate(1116 -1514)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[2]}`}
-                transform="translate(1106 -1522)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
-          />
-          <path
-            id={ids[1]}
-            d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
-          />
-          <path
-            id={ids[2]}
-            d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/login.js b/packages/icons/src/login.js
index 7c84f373..4367343c 100644
--- a/packages/icons/src/login.js
+++ b/packages/icons/src/login.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,43 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="17"
-        height="17"
-        viewBox="0 0 17 17"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="18"
+        height="19"
+        viewBox="0 0 18 19"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1885 179)">
-          <g>
-            <g>
-              <use
-                xlinkHref={`#${ids[0]}`}
-                transform="translate(1889 -179)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                transform="translate(1885 -175)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
-          />
-          <path
-            id={ids[1]}
-            d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/memory.js b/packages/icons/src/memory.js
index 6d99a34d..b3327c92 100644
--- a/packages/icons/src/memory.js
+++ b/packages/icons/src/memory.js
@@ -15,12 +15,10 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
+        xmlns="http://www.w3.org/2000/svg"
         width="21.68"
         height="21.68"
         viewBox="0 0 21.68 21.68"
-        xmlns="http://www.w3.org/2000/svg"
-        style={{ ...style, ...rotateStyle }}
-        {...rest}
       >
         <path
           fill={calcFill({ fill, disabled, light, colors })}
diff --git a/packages/icons/src/metadata.js b/packages/icons/src/metadata.js
index c8f75546..2e33ba60 100644
--- a/packages/icons/src/metadata.js
+++ b/packages/icons/src/metadata.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,55 +15,22 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="18"
-        height="11"
-        viewBox="0 0 18 11"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="17.04"
+        height="11"
+        viewBox="0 0 17.04 11"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1884 1236)">
-          <g>
-            <g>
-              <g>
-                <use
-                  xlinkHref={`#${ids[0]}`}
-                  transform="translate(1884 -1233.9)"
-                  fill={calcFill({ fill, disabled, light, colors })}
-                />
-              </g>
-            </g>
-            <g>
-              <g>
-                <use
-                  xlinkHref={`#${ids[1]}`}
-                  transform="translate(1896 -1233.9)"
-                  fill={calcFill({ fill, disabled, light, colors })}
-                />
-              </g>
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[2]}`}
-                transform="translate(1891 -1236)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-          />
-          <path
-            id={ids[1]}
-            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-          />
-          <path id={ids[2]} d="M 1 11L 0 11L 3 0L 4 0L 1 11Z" />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+        />
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+        />
+        <polygon points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11" />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/name.js b/packages/icons/src/name.js
index 61a19485..938c3cf0 100644
--- a/packages/icons/src/name.js
+++ b/packages/icons/src/name.js
@@ -15,18 +15,16 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        viewBox="0 0 16.24 13.55"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
-        width="17"
-        height="17"
+        width="21.48"
+        height="21.91"
+        viewBox="0 0 21.48 21.91"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
         <path
-          d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
           fill={calcFill({ fill, disabled, light, colors })}
+          d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
         />
       </svg>
     )}
diff --git a/packages/icons/src/network.js b/packages/icons/src/network.js
index 09d5640d..c009d6e1 100644
--- a/packages/icons/src/network.js
+++ b/packages/icons/src/network.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,30 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="18"
-        height="18"
-        viewBox="0 0 18 18"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="19.78"
+        height="19.78"
+        viewBox="0 0 19.78 19.78"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1105 710)">
-          <g>
-            <use
-              xlinkHref={`#${ids[0]}`}
-              transform="translate(1105 -710)"
-              fill={calcFill({ fill, disabled, light, colors })}
-            />
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/package.js b/packages/icons/src/package.js
index cad4459b..d84d8bf0 100644
--- a/packages/icons/src/package.js
+++ b/packages/icons/src/package.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,30 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="17"
-        height="18"
-        viewBox="0 0 17 18"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="19"
+        height="20.12"
+        viewBox="0 0 19 20.12"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1885 710)">
-          <g>
-            <use
-              xlinkHref={`#${ids[0]}`}
-              transform="translate(1885 -710)"
-              fill={calcFill({ fill, disabled, light, colors })}
-            />
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/private.js b/packages/icons/src/private.js
index 3f5d04f3..812e6029 100644
--- a/packages/icons/src/private.js
+++ b/packages/icons/src/private.js
@@ -16,9 +16,9 @@ export default ({
     {({ style: rotateStyle }) => (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 12 16"
         width="12"
         height="16"
+        viewBox="0 0 12 16"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
diff --git a/packages/icons/src/public.js b/packages/icons/src/public.js
index 0b5bd1a8..3cb2119b 100644
--- a/packages/icons/src/public.js
+++ b/packages/icons/src/public.js
@@ -21,12 +21,10 @@ export default ({
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g>
-          <path
-            fill={calcFill({ fill, disabled, light, colors })}
-            d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-          />
-        </g>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/randomize.js b/packages/icons/src/randomize.js
index 8b2d0d87..3e8d41e6 100644
--- a/packages/icons/src/randomize.js
+++ b/packages/icons/src/randomize.js
@@ -19,8 +19,8 @@ export default ({
         version="1.1"
         xmlns="http://www.w3.org/2000/svg"
         xmlnsXlink="http://www.w3.org/1999/xlink"
-        width="17"
-        height="17"
+        width="18.22"
+        height="18.22"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
diff --git a/packages/icons/src/restart.js b/packages/icons/src/restart.js
index fb965aef..0b513537 100644
--- a/packages/icons/src/restart.js
+++ b/packages/icons/src/restart.js
@@ -1,23 +1,32 @@
 import React from 'react';
 
-export default props => (
-  <svg
-    width="16"
-    height="19"
-    viewBox="0 0 16 19"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      {...props}
-      style={{
-        transform: 'rotate(30deg) translateX(1px) translateY(-1px)',
-        transformOrigin: '50%'
-      }}
-      fill-rule="evenodd"
-      transform
-      d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
-    />
-  </svg>
+import Rotate from './rotate';
+import calcFill from './fill';
+
+export default ({
+  fill = null,
+  light = false,
+  disabled = false,
+  direction = 'down',
+  colors = {},
+  style = {},
+  ...rest
+}) => (
+  <Rotate direction={direction}>
+    {({ style: rotateStyle }) => (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="12.46"
+        height="14.46"
+        viewBox="0 0 12.46 14.46"
+        style={{ ...style, ...rotateStyle }}
+        {...rest}
+      >
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
+        />
+      </svg>
+    )}
+  </Rotate>
 );
diff --git a/packages/icons/src/script.js b/packages/icons/src/script.js
new file mode 100644
index 00000000..25079db2
--- /dev/null
+++ b/packages/icons/src/script.js
@@ -0,0 +1,32 @@
+import React from 'react';
+
+import Rotate from './rotate';
+import calcFill from './fill';
+
+export default ({
+  fill = null,
+  light = false,
+  disabled = false,
+  direction = 'down',
+  colors = {},
+  style = {},
+  ...rest
+}) => (
+  <Rotate direction={direction}>
+    {({ style: rotateStyle }) => (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="15.43"
+        height="18"
+        viewBox="0 0 15.43 18"
+        style={{ ...style, ...rotateStyle }}
+        {...rest}
+      >
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          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"
+        />
+      </svg>
+    )}
+  </Rotate>
+);
diff --git a/packages/icons/src/services.js b/packages/icons/src/services.js
index 5df25a62..255a9667 100644
--- a/packages/icons/src/services.js
+++ b/packages/icons/src/services.js
@@ -21,13 +21,10 @@ export default ({
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g data-name="Layer 2">
-          <path
-            fill={calcFill({ fill, disabled, light, colors })}
-            d="M6 5V4h5v1zm5 2V6H6v1zm0 2V8H6v1zm2-7H4v9h9V2m1-2a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H2V1a1 1 0 0 1 1-1zm0 14H1V2H0v12a1 1 0 0 0 1 1h13z"
-            data-name="Layer 1"
-          />
-        </g>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M6,5V4h5V5Zm5,2V6H6V7Zm0,2V8H6V9Zm2-7H4v9h9V2m1-2a1,1,0,0,1,1,1V12a1,1,0,0,1-1,1H2V1A1,1,0,0,1,3,0Zm0,14H1V2H0V14a1,1,0,0,0,1,1H14Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/start.js b/packages/icons/src/start.js
index 569496e6..759764c0 100644
--- a/packages/icons/src/start.js
+++ b/packages/icons/src/start.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,47 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="15"
-        height="15"
-        version="1.1"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        xmlns="http://www.w3.org/2000/svg"
+        width="13.36"
+        height="14"
+        viewBox="0 0 13.36 14"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(18292 -19563)">
-          <mask id={ids[0]}>
-            <rect
-              fill="#fff"
-              x={-1}
-              y={-1}
-              width={15}
-              height={15}
-              transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-            />
-            <use
-              xlinkHref={`#${ids[1]}`}
-              fill="#000"
-              transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-            />
-          </mask>
-          <g mask={`url(#${ids[0]}`}>
-            <use
-              xlinkHref={`#${ids[2]}`}
-              transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-              fill={calcFill({ fill, disabled, light, colors })}
-            />
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[1]}
-            d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-          />
-          <path
-            id={ids[2]}
-            d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/stop.js b/packages/icons/src/stop.js
index fb7e5ca7..d3ec8d9c 100644
--- a/packages/icons/src/stop.js
+++ b/packages/icons/src/stop.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,43 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
+        xmlns="http://www.w3.org/2000/svg"
         width="14"
         height="14"
         viewBox="0 0 14 14"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(18113 -18582)">
-          <g>
-            <mask id={ids[0]}>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                fill="white"
-                transform="translate(-18113 18582)"
-              />
-            </mask>
-            <g mask={`url(#${ids[0]})`}>
-              <use
-                xlinkHref={`#${ids[2]}`}
-                transform="translate(-18113 18582)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[1]}
-            d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-          />
-          <path
-            id={ids[2]}
-            d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/icons/src/storage.js b/packages/icons/src/storage.js
index 3b136625..2c6d6f8a 100644
--- a/packages/icons/src/storage.js
+++ b/packages/icons/src/storage.js
@@ -15,10 +15,10 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="22"
-        height="22"
-        viewBox="0 0 22 22"
         xmlns="http://www.w3.org/2000/svg"
+        width="22"
+        height="20"
+        viewBox="0 0 22 20"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
diff --git a/packages/icons/src/tags.js b/packages/icons/src/tags.js
index 519d4cf5..9c89507f 100644
--- a/packages/icons/src/tags.js
+++ b/packages/icons/src/tags.js
@@ -1,11 +1,8 @@
 import React from 'react';
-import rndId from 'rnd-id';
 
 import Rotate from './rotate';
 import calcFill from './fill';
 
-const ids = [rndId(), rndId(), rndId()];
-
 export default ({
   fill = null,
   light = false,
@@ -18,45 +15,17 @@ export default ({
   <Rotate direction={direction}>
     {({ style: rotateStyle }) => (
       <svg
-        width="17"
-        height="17"
-        viewBox="0 0 17 17"
-        version="1.1"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="19"
+        height="19"
+        viewBox="0 0 19 19"
         style={{ ...style, ...rotateStyle }}
         {...rest}
       >
-        <g transform="translate(-1885 974)">
-          <g>
-            <g>
-              <g>
-                <use
-                  xlinkHref={`#${ids[0]}`}
-                  transform="translate(1885 -974)"
-                  fill={calcFill({ fill, disabled, light, colors })}
-                />
-              </g>
-            </g>
-            <g>
-              <use
-                xlinkHref={`#${ids[1]}`}
-                transform="translate(1888 -971)"
-                fill={calcFill({ fill, disabled, light, colors })}
-              />
-            </g>
-          </g>
-        </g>
-        <defs>
-          <path
-            id={ids[0]}
-            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-          />
-          <path
-            id={ids[1]}
-            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-          />
-        </defs>
+        <path
+          fill={calcFill({ fill, disabled, light, colors })}
+          d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+        />
       </svg>
     )}
   </Rotate>
diff --git a/packages/my-joy-beta/package.json b/packages/my-joy-beta/package.json
index 27822d17..de5c944d 100644
--- a/packages/my-joy-beta/package.json
+++ b/packages/my-joy-beta/package.json
@@ -24,7 +24,8 @@
     "constant-case": "^2.0.0",
     "date-fns": "^1.29.0",
     "declarative-redux-form": "^2.0.8",
-    "joyent-ui-toolkit": "^4.4.1",
+    "joyent-manifest-editor": "1.4.0",
+    "joyent-ui-toolkit": "^4.5.0",
     "lodash.find": "^4.6.0",
     "lodash.get": "^4.4.2",
     "lodash.isstring": "^4.0.1",
diff --git a/packages/my-joy-beta/public/index.html b/packages/my-joy-beta/public/index.html
index f9fa69eb..af16ed0c 100644
--- a/packages/my-joy-beta/public/index.html
+++ b/packages/my-joy-beta/public/index.html
@@ -15,6 +15,5 @@
     </noscript>
     <div id="header"></div>
     <div id="root"></div>
-    <script type="text/javascript" src="/nav-static/main.js"></script>
   </body>
 </html>
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 d301f04e..2ac126e8 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
@@ -360,7 +360,7 @@ exports[`renders <Rule/> without throwing 1`] = `
         <select
           className="c5 c6"
           disabled={false}
-          id="Y"
+          id="k"
           onBlur={undefined}
         >
           <option
@@ -394,7 +394,7 @@ exports[`renders <Rule/> without throwing 1`] = `
         <select
           className="c5 c6"
           disabled={false}
-          id="Z"
+          id="l"
           onBlur={undefined}
         >
           <option
@@ -428,7 +428,7 @@ exports[`renders <Rule/> without throwing 1`] = `
         <select
           className="c5 c6"
           disabled={false}
-          id="a"
+          id="m"
           onBlur={undefined}
         >
           <option
@@ -460,7 +460,7 @@ exports[`renders <Rule/> without throwing 1`] = `
           <select
             className="c5 c6"
             disabled={false}
-            id="bb"
+            id="n"
             onBlur={undefined}
           >
             <option
@@ -501,7 +501,7 @@ exports[`renders <Rule/> without throwing 1`] = `
       <input
         className="c9"
         disabled={false}
-        id="bc"
+        id="o"
         onBlur={null}
         placeholder="Example instance name: nginx"
         required={true}
@@ -833,7 +833,7 @@ exports[`renders <Rule/> without throwing 2`] = `
         <select
           className="c5 c6"
           disabled={false}
-          id="bd"
+          id="p"
           onBlur={undefined}
         >
           <option
@@ -867,7 +867,7 @@ exports[`renders <Rule/> without throwing 2`] = `
         <select
           className="c5 c6"
           disabled={false}
-          id="be"
+          id="q"
           onBlur={undefined}
         >
           <option
@@ -901,7 +901,7 @@ exports[`renders <Rule/> without throwing 2`] = `
         <select
           className="c5 c6"
           disabled={false}
-          id="bf"
+          id="r"
           onBlur={undefined}
         >
           <option
@@ -933,7 +933,7 @@ exports[`renders <Rule/> without throwing 2`] = `
           <select
             className="c5 c6"
             disabled={false}
-            id="bg"
+            id="s"
             onBlur={undefined}
           >
             <option
@@ -974,7 +974,7 @@ exports[`renders <Rule/> without throwing 2`] = `
       <input
         className="c9"
         disabled={false}
-        id="bh"
+        id="t"
         onBlur={null}
         placeholder="Example instance name: nginx"
         required={true}
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/cns.spec.js.snap
index 3f98a623..0cfeb43f 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/cns.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/cns.spec.js.snap
@@ -83,6 +83,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -236,14 +237,14 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
     >
       <label
         className="c2"
-        htmlFor="Y"
+        htmlFor="k"
       >
         Attach to new CNS service name
       </label>
       <input
         className="c3"
         disabled={false}
-        id="Y"
+        id="k"
         onBlur={null}
         placeholder="Example: mySQLdb"
       />
@@ -347,6 +348,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
   margin-top: 0.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;
@@ -522,14 +524,14 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
     >
       <label
         className="c2"
-        htmlFor="Z"
+        htmlFor="l"
       >
         Attach to new CNS service name
       </label>
       <input
         className="c3"
         disabled={false}
-        id="Z"
+        id="l"
         onBlur={null}
         placeholder="Example: mySQLdb"
       />
@@ -663,6 +665,7 @@ exports[`renders <Hostname values /> without throwing 1`] = `
 
 .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;
@@ -671,6 +674,7 @@ exports[`renders <Hostname values /> without throwing 1`] = `
 
 .c6 {
   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;
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
index d73a312b..a0b494e7 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
@@ -106,6 +106,7 @@ exports[`renders <Images /> without throwing 1`] = `
   margin-top: 0.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;
@@ -319,7 +320,7 @@ exports[`renders <Images /> without throwing 1`] = `
       >
         <label
           className="c3"
-          htmlFor="Y"
+          htmlFor="k"
         >
           Infrastructure Container 
         </label>
@@ -329,20 +330,20 @@ exports[`renders <Images /> without throwing 1`] = `
           <input
             checked={undefined}
             className="c5"
-            id="Y"
+            id="k"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="Y"
-            id="Y"
+            htmlFor="k"
+            id="k"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="Y"
-            id="Y"
+            htmlFor="k"
+            id="k"
             onBlur={null}
           >
              
@@ -476,6 +477,7 @@ exports[`renders <Images Images="test" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -689,7 +691,7 @@ exports[`renders <Images Images="test" /> without throwing 1`] = `
       >
         <label
           className="c3"
-          htmlFor="a"
+          htmlFor="m"
         >
           Infrastructure Container 
         </label>
@@ -699,20 +701,20 @@ exports[`renders <Images Images="test" /> without throwing 1`] = `
           <input
             checked={undefined}
             className="c5"
-            id="a"
+            id="m"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="a"
-            id="a"
+            htmlFor="m"
+            id="m"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="a"
-            id="a"
+            htmlFor="m"
+            id="m"
             onBlur={null}
           >
              
@@ -846,6 +848,7 @@ exports[`renders <Images expanded /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1059,7 +1062,7 @@ exports[`renders <Images expanded /> without throwing 1`] = `
       >
         <label
           className="c3"
-          htmlFor="Z"
+          htmlFor="l"
         >
           Infrastructure Container 
         </label>
@@ -1069,20 +1072,20 @@ exports[`renders <Images expanded /> without throwing 1`] = `
           <input
             checked={undefined}
             className="c5"
-            id="Z"
+            id="l"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="Z"
-            id="Z"
+            htmlFor="l"
+            id="l"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="Z"
-            id="Z"
+            htmlFor="l"
+            id="l"
             onBlur={null}
           >
              
@@ -1231,6 +1234,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
   margin-top: 0.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;
@@ -1613,7 +1617,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
       >
         <label
           className="c3"
-          htmlFor="bc"
+          htmlFor="o"
         >
           Infrastructure Container 
         </label>
@@ -1623,20 +1627,20 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
           <input
             checked={undefined}
             className="c5"
-            id="bc"
+            id="o"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="bc"
-            id="bc"
+            htmlFor="o"
+            id="o"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="bc"
-            id="bc"
+            htmlFor="o"
+            id="o"
             onBlur={null}
           >
              
@@ -1686,7 +1690,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
             <select
               className="c11 c13 c14"
               disabled={false}
-              id="bd"
+              id="p"
               onBlur={null}
             >
               <option
@@ -1821,6 +1825,7 @@ exports[`renders <Images isVmSelected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2034,7 +2039,7 @@ exports[`renders <Images isVmSelected /> without throwing 1`] = `
       >
         <label
           className="c3"
-          htmlFor="bf"
+          htmlFor="r"
         >
           Infrastructure Container 
         </label>
@@ -2044,20 +2049,20 @@ exports[`renders <Images isVmSelected /> without throwing 1`] = `
           <input
             checked={undefined}
             className="c5"
-            id="bf"
+            id="r"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="bf"
-            id="bf"
+            htmlFor="r"
+            id="r"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="bf"
-            id="bf"
+            htmlFor="r"
+            id="r"
             onBlur={null}
           >
              
@@ -2191,6 +2196,7 @@ exports[`renders <Images loading /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2404,7 +2410,7 @@ exports[`renders <Images loading /> without throwing 1`] = `
       >
         <label
           className="c3"
-          htmlFor="be"
+          htmlFor="q"
         >
           Infrastructure Container 
         </label>
@@ -2414,20 +2420,20 @@ exports[`renders <Images loading /> without throwing 1`] = `
           <input
             checked={undefined}
             className="c5"
-            id="be"
+            id="q"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="be"
-            id="be"
+            htmlFor="q"
+            id="q"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="be"
-            id="be"
+            htmlFor="q"
+            id="q"
             onBlur={null}
           >
              
@@ -2561,6 +2567,7 @@ exports[`renders <Images pristine={false} /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2774,7 +2781,7 @@ exports[`renders <Images pristine={false} /> without throwing 1`] = `
       >
         <label
           className="c3"
-          htmlFor="bb"
+          htmlFor="n"
         >
           Infrastructure Container 
         </label>
@@ -2784,20 +2791,20 @@ exports[`renders <Images pristine={false} /> without throwing 1`] = `
           <input
             checked={undefined}
             className="c5"
-            id="bb"
+            id="n"
             onBlur={null}
             type="checkbox"
           />
           <label
             className="c6"
-            htmlFor="bb"
-            id="bb"
+            htmlFor="n"
+            id="n"
             onBlur={null}
           />
           <label
             className="c3"
-            htmlFor="bb"
-            id="bb"
+            htmlFor="n"
+            id="n"
             onBlur={null}
           >
              
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 02bd4a02..2532884b 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
@@ -1,20 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <Name /> without throwing 1`] = `
-.c2 {
-  margin-bottom: 1rem;
-}
-
-.c10 {
+.c6 {
   margin-left: 0.25rem;
 }
 
-.c14 {
+.c10 {
   margin-top: 0.5rem;
   margin-bottom: 2rem;
 }
 
-.c4 {
+.c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -34,7 +30,7 @@ exports[`renders <Name /> without throwing 1`] = `
   align-content: stretch;
 }
 
-.c5 {
+.c1 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -50,7 +46,7 @@ exports[`renders <Name /> without throwing 1`] = `
   flex-shrink: 1;
 }
 
-.c13 {
+.c9 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -63,50 +59,30 @@ 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 {
+.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;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[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;
 }
 
-.c13 + button {
+.c9 + button {
   margin-left: 0.375rem;
 }
 
-.c3 {
-  color: rgba(73,73,73,1);
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-.c3 + p,
-.c3 + small,
-.c3 + h1,
-.c3 + h2,
-.c3 + label,
-.c3 + h3,
-.c3 + h4,
-.c3 + h5,
-.c3 + div,
-.c3 + span {
-  padding-bottom: 2.25rem;
-}
-
-.c12 {
+.c8 {
   display: inline-block;
 }
 
-.c11 {
+.c7 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -124,6 +100,7 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-top: 0.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;
@@ -160,6 +137,98 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
+.c7:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c7:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c7[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c7:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c7:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c7 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c7 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
 .c11:focus {
   outline: 0;
   text-decoration: none;
@@ -186,98 +255,7 @@ exports[`renders <Name /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c11:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c11:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c11 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c11 svg {
-  max-height: 1.125rem;
-}
-
-.c15 {
-  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;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  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;
-  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);
-}
-
-.c15:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c15:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c15[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c7 {
+.c3 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -290,7 +268,7 @@ exports[`renders <Name /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c9 {
+.c5 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -304,35 +282,7 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-left: 0;
 }
 
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
+.c2 {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -348,7 +298,7 @@ exports[`renders <Name /> without throwing 1`] = `
   width: 100%;
 }
 
-.c8 {
+.c4 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -372,65 +322,45 @@ exports[`renders <Name /> without throwing 1`] = `
   outline: 0;
 }
 
-.c8::-webkit-input-placeholder {
+.c4::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8::-moz-placeholder {
+.c4::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:-ms-input-placeholder {
+.c4:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:invalid {
+.c4:invalid {
   box-shadow: none;
 }
 
-.c8:disabled {
+.c4:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c8:disabled::-webkit-input-placeholder {
+.c4:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled::-moz-placeholder {
+.c4:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled:-ms-input-placeholder {
+.c4:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:focus {
+.c4:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 66.66666666666667%;
-    -ms-flex-preferred-size: 66.66666666666667%;
-    flex-basis: 66.66666666666667%;
-    max-width: 66.66666666666667%;
-    display: block;
-  }
-}
-
 <form
   onSubmit={undefined}
 >
@@ -441,60 +371,43 @@ exports[`renders <Name /> without throwing 1`] = `
       className="c1"
     >
       <div
-        className="c2"
-      >
-        <p
-          className="c3"
-        >
-          Your instance name will be used to identify this specific instance.
-        </p>
-      </div>
-    </div>
-  </div>
-  <div
-    className="c4"
-  >
-    <div
-      className="c5"
-    >
-      <div
-        className="baseline-jVaZNU kXgQxt c6"
+        className="baseline-jVaZNU kXgQxt c2"
         name="name"
         role="group"
         style={undefined}
       >
         <label
-          className="c7"
-          htmlFor="Y"
+          className="c3"
+          htmlFor="k"
         >
           Instance Name
         </label>
         <input
-          className="c8"
+          className="c4"
           disabled={false}
-          id="Y"
+          id="k"
           onBlur={null}
           placeholder={undefined}
         />
         <label
-          className="c9"
+          className="c5"
         />
       </div>
     </div>
     <div
-      className="c5"
+      className="c1"
     >
       <label
-        className="c7"
+        className="c3"
         htmlFor=""
       >
         ⁣
       </label>
       <div
-        className="c10"
+        className="c6"
       >
         <button
-          className="c11 c12 c13"
+          className="c7 c8 c9"
           href=""
           icon={true}
           onClick={undefined}
@@ -502,7 +415,7 @@ exports[`renders <Name /> without throwing 1`] = `
         >
           <svg
             className=""
-            height="17"
+            height="18.22"
             innerRef={undefined}
             style={
               Object {
@@ -511,7 +424,7 @@ exports[`renders <Name /> without throwing 1`] = `
             }
             version="1.1"
             viewBox="0 0 18.22 18.22"
-            width="17"
+            width="18.22"
             xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"
           >
@@ -528,10 +441,10 @@ exports[`renders <Name /> without throwing 1`] = `
     </div>
   </div>
   <div
-    className="c14"
+    className="c10"
   >
     <button
-      className="c15 c12 c13"
+      className="c11 c8 c9"
       disabled={undefined}
       href=""
       type="submit"
@@ -543,20 +456,16 @@ exports[`renders <Name /> without throwing 1`] = `
 `;
 
 exports[`renders <Name expanded /> without throwing 1`] = `
-.c2 {
-  margin-bottom: 1rem;
-}
-
-.c10 {
+.c6 {
   margin-left: 0.25rem;
 }
 
-.c14 {
+.c10 {
   margin-top: 0.5rem;
   margin-bottom: 2rem;
 }
 
-.c4 {
+.c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -576,7 +485,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   align-content: stretch;
 }
 
-.c5 {
+.c1 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -592,7 +501,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   flex-shrink: 1;
 }
 
-.c13 {
+.c9 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -605,50 +514,30 @@ 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 {
+.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;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[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;
 }
 
-.c13 + button {
+.c9 + button {
   margin-left: 0.375rem;
 }
 
-.c3 {
-  color: rgba(73,73,73,1);
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-.c3 + p,
-.c3 + small,
-.c3 + h1,
-.c3 + h2,
-.c3 + label,
-.c3 + h3,
-.c3 + h4,
-.c3 + h5,
-.c3 + div,
-.c3 + span {
-  padding-bottom: 2.25rem;
-}
-
-.c12 {
+.c8 {
   display: inline-block;
 }
 
-.c11 {
+.c7 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -666,6 +555,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   margin-top: 0.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;
@@ -702,6 +592,98 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
+.c7:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c7:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c7[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c7:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c7:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c7 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c7 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
 .c11:focus {
   outline: 0;
   text-decoration: none;
@@ -728,98 +710,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c11:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c11:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c11 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c11 svg {
-  max-height: 1.125rem;
-}
-
-.c15 {
-  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;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  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;
-  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);
-}
-
-.c15:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c15:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c15[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c7 {
+.c3 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -832,7 +723,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c9 {
+.c5 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -846,35 +737,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   margin-left: 0;
 }
 
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
+.c2 {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -890,7 +753,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   width: 100%;
 }
 
-.c8 {
+.c4 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -914,65 +777,45 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   outline: 0;
 }
 
-.c8::-webkit-input-placeholder {
+.c4::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8::-moz-placeholder {
+.c4::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:-ms-input-placeholder {
+.c4:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:invalid {
+.c4:invalid {
   box-shadow: none;
 }
 
-.c8:disabled {
+.c4:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c8:disabled::-webkit-input-placeholder {
+.c4:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled::-moz-placeholder {
+.c4:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled:-ms-input-placeholder {
+.c4:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:focus {
+.c4:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 66.66666666666667%;
-    -ms-flex-preferred-size: 66.66666666666667%;
-    flex-basis: 66.66666666666667%;
-    max-width: 66.66666666666667%;
-    display: block;
-  }
-}
-
 <form
   onSubmit={undefined}
 >
@@ -983,60 +826,43 @@ exports[`renders <Name expanded /> without throwing 1`] = `
       className="c1"
     >
       <div
-        className="c2"
-      >
-        <p
-          className="c3"
-        >
-          Your instance name will be used to identify this specific instance.
-        </p>
-      </div>
-    </div>
-  </div>
-  <div
-    className="c4"
-  >
-    <div
-      className="c5"
-    >
-      <div
-        className="baseline-jVaZNU kXgQxt c6"
+        className="baseline-jVaZNU kXgQxt c2"
         name="name"
         role="group"
         style={undefined}
       >
         <label
-          className="c7"
-          htmlFor="Z"
+          className="c3"
+          htmlFor="l"
         >
           Instance Name
         </label>
         <input
-          className="c8"
+          className="c4"
           disabled={false}
-          id="Z"
+          id="l"
           onBlur={null}
           placeholder={undefined}
         />
         <label
-          className="c9"
+          className="c5"
         />
       </div>
     </div>
     <div
-      className="c5"
+      className="c1"
     >
       <label
-        className="c7"
+        className="c3"
         htmlFor=""
       >
         ⁣
       </label>
       <div
-        className="c10"
+        className="c6"
       >
         <button
-          className="c11 c12 c13"
+          className="c7 c8 c9"
           href=""
           icon={true}
           onClick={undefined}
@@ -1044,7 +870,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
         >
           <svg
             className=""
-            height="17"
+            height="18.22"
             innerRef={undefined}
             style={
               Object {
@@ -1053,7 +879,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
             }
             version="1.1"
             viewBox="0 0 18.22 18.22"
-            width="17"
+            width="18.22"
             xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"
           >
@@ -1070,10 +896,10 @@ exports[`renders <Name expanded /> without throwing 1`] = `
     </div>
   </div>
   <div
-    className="c14"
+    className="c10"
   >
     <button
-      className="c15 c12 c13"
+      className="c11 c8 c9"
       disabled={undefined}
       href=""
       type="submit"
@@ -1085,20 +911,16 @@ exports[`renders <Name expanded /> without throwing 1`] = `
 `;
 
 exports[`renders <Name name="test" /> without throwing 1`] = `
-.c2 {
-  margin-bottom: 1rem;
-}
-
-.c10 {
+.c6 {
   margin-left: 0.25rem;
 }
 
-.c14 {
+.c10 {
   margin-top: 0.5rem;
   margin-bottom: 2rem;
 }
 
-.c4 {
+.c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1118,7 +940,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   align-content: stretch;
 }
 
-.c5 {
+.c1 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -1134,7 +956,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   flex-shrink: 1;
 }
 
-.c13 {
+.c9 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1147,50 +969,30 @@ 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 {
+.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;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[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;
 }
 
-.c13 + button {
+.c9 + button {
   margin-left: 0.375rem;
 }
 
-.c3 {
-  color: rgba(73,73,73,1);
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-.c3 + p,
-.c3 + small,
-.c3 + h1,
-.c3 + h2,
-.c3 + label,
-.c3 + h3,
-.c3 + h4,
-.c3 + h5,
-.c3 + div,
-.c3 + span {
-  padding-bottom: 2.25rem;
-}
-
-.c12 {
+.c8 {
   display: inline-block;
 }
 
-.c11 {
+.c7 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1208,6 +1010,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1244,6 +1047,98 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
+.c7:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c7:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c7[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c7:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c7:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c7 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c7 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
 .c11:focus {
   outline: 0;
   text-decoration: none;
@@ -1270,98 +1165,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c11:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c11:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c11 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c11 svg {
-  max-height: 1.125rem;
-}
-
-.c15 {
-  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;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  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;
-  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);
-}
-
-.c15:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c15:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c15[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c7 {
+.c3 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -1374,7 +1178,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c9 {
+.c5 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -1388,35 +1192,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   margin-left: 0;
 }
 
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
+.c2 {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -1432,7 +1208,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   width: 100%;
 }
 
-.c8 {
+.c4 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -1456,65 +1232,45 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   outline: 0;
 }
 
-.c8::-webkit-input-placeholder {
+.c4::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8::-moz-placeholder {
+.c4::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:-ms-input-placeholder {
+.c4:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:invalid {
+.c4:invalid {
   box-shadow: none;
 }
 
-.c8:disabled {
+.c4:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c8:disabled::-webkit-input-placeholder {
+.c4:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled::-moz-placeholder {
+.c4:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled:-ms-input-placeholder {
+.c4:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:focus {
+.c4:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 66.66666666666667%;
-    -ms-flex-preferred-size: 66.66666666666667%;
-    flex-basis: 66.66666666666667%;
-    max-width: 66.66666666666667%;
-    display: block;
-  }
-}
-
 <form
   onSubmit={undefined}
 >
@@ -1525,60 +1281,43 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
       className="c1"
     >
       <div
-        className="c2"
-      >
-        <p
-          className="c3"
-        >
-          Your instance name will be used to identify this specific instance.
-        </p>
-      </div>
-    </div>
-  </div>
-  <div
-    className="c4"
-  >
-    <div
-      className="c5"
-    >
-      <div
-        className="baseline-jVaZNU kXgQxt c6"
+        className="baseline-jVaZNU kXgQxt c2"
         name="name"
         role="group"
         style={undefined}
       >
         <label
-          className="c7"
-          htmlFor="a"
+          className="c3"
+          htmlFor="m"
         >
           Instance Name
         </label>
         <input
-          className="c8"
+          className="c4"
           disabled={false}
-          id="a"
+          id="m"
           onBlur={null}
           placeholder={undefined}
         />
         <label
-          className="c9"
+          className="c5"
         />
       </div>
     </div>
     <div
-      className="c5"
+      className="c1"
     >
       <label
-        className="c7"
+        className="c3"
         htmlFor=""
       >
         ⁣
       </label>
       <div
-        className="c10"
+        className="c6"
       >
         <button
-          className="c11 c12 c13"
+          className="c7 c8 c9"
           href=""
           icon={true}
           onClick={undefined}
@@ -1586,7 +1325,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
         >
           <svg
             className=""
-            height="17"
+            height="18.22"
             innerRef={undefined}
             style={
               Object {
@@ -1595,7 +1334,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
             }
             version="1.1"
             viewBox="0 0 18.22 18.22"
-            width="17"
+            width="18.22"
             xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"
           >
@@ -1612,10 +1351,10 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
     </div>
   </div>
   <div
-    className="c14"
+    className="c10"
   >
     <button
-      className="c15 c12 c13"
+      className="c11 c8 c9"
       disabled={undefined}
       href=""
       type="submit"
@@ -1627,20 +1366,16 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
 `;
 
 exports[`renders <Name pristine={false} /> without throwing 1`] = `
-.c2 {
-  margin-bottom: 1rem;
-}
-
-.c10 {
+.c6 {
   margin-left: 0.25rem;
 }
 
-.c14 {
+.c10 {
   margin-top: 0.5rem;
   margin-bottom: 2rem;
 }
 
-.c4 {
+.c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1660,7 +1395,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   align-content: stretch;
 }
 
-.c5 {
+.c1 {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
@@ -1676,7 +1411,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   flex-shrink: 1;
 }
 
-.c13 {
+.c9 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1689,50 +1424,30 @@ 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 {
+.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;
 }
 
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[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;
 }
 
-.c13 + button {
+.c9 + button {
   margin-left: 0.375rem;
 }
 
-.c3 {
-  color: rgba(73,73,73,1);
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0;
-}
-
-.c3 + p,
-.c3 + small,
-.c3 + h1,
-.c3 + h2,
-.c3 + label,
-.c3 + h3,
-.c3 + h4,
-.c3 + h5,
-.c3 + div,
-.c3 + span {
-  padding-bottom: 2.25rem;
-}
-
-.c12 {
+.c8 {
   display: inline-block;
 }
 
-.c11 {
+.c7 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1750,6 +1465,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1786,6 +1502,98 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   margin-top: 0.5rem;
 }
 
+.c7:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c7:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c7[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c7:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c7:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c7:active,
+.c7:active:hover,
+.c7:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c7 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c7 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
 .c11:focus {
   outline: 0;
   text-decoration: none;
@@ -1812,98 +1620,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c11:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c11:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c11 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c11 svg {
-  max-height: 1.125rem;
-}
-
-.c15 {
-  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;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  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;
-  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);
-}
-
-.c15:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c15:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c15[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c7 {
+.c3 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -1916,7 +1633,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c9 {
+.c5 {
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
@@ -1930,35 +1647,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   margin-left: 0;
 }
 
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
+.c2 {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -1974,7 +1663,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   width: 100%;
 }
 
-.c8 {
+.c4 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -1998,65 +1687,45 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   outline: 0;
 }
 
-.c8::-webkit-input-placeholder {
+.c4::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8::-moz-placeholder {
+.c4::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:-ms-input-placeholder {
+.c4:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:invalid {
+.c4:invalid {
   box-shadow: none;
 }
 
-.c8:disabled {
+.c4:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c8:disabled::-webkit-input-placeholder {
+.c4:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled::-moz-placeholder {
+.c4:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:disabled:-ms-input-placeholder {
+.c4:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c8:focus {
+.c4:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 66.66666666666667%;
-    -ms-flex-preferred-size: 66.66666666666667%;
-    flex-basis: 66.66666666666667%;
-    max-width: 66.66666666666667%;
-    display: block;
-  }
-}
-
 <form
   onSubmit={undefined}
 >
@@ -2067,60 +1736,43 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
       className="c1"
     >
       <div
-        className="c2"
-      >
-        <p
-          className="c3"
-        >
-          Your instance name will be used to identify this specific instance.
-        </p>
-      </div>
-    </div>
-  </div>
-  <div
-    className="c4"
-  >
-    <div
-      className="c5"
-    >
-      <div
-        className="baseline-jVaZNU kXgQxt c6"
+        className="baseline-jVaZNU kXgQxt c2"
         name="name"
         role="group"
         style={undefined}
       >
         <label
-          className="c7"
-          htmlFor="bb"
+          className="c3"
+          htmlFor="n"
         >
           Instance Name
         </label>
         <input
-          className="c8"
+          className="c4"
           disabled={false}
-          id="bb"
+          id="n"
           onBlur={null}
           placeholder={undefined}
         />
         <label
-          className="c9"
+          className="c5"
         />
       </div>
     </div>
     <div
-      className="c5"
+      className="c1"
     >
       <label
-        className="c7"
+        className="c3"
         htmlFor=""
       >
         ⁣
       </label>
       <div
-        className="c10"
+        className="c6"
       >
         <button
-          className="c11 c12 c13"
+          className="c7 c8 c9"
           href=""
           icon={true}
           onClick={undefined}
@@ -2128,7 +1780,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
         >
           <svg
             className=""
-            height="17"
+            height="18.22"
             innerRef={undefined}
             style={
               Object {
@@ -2137,7 +1789,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
             }
             version="1.1"
             viewBox="0 0 18.22 18.22"
-            width="17"
+            width="18.22"
             xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"
           >
@@ -2154,10 +1806,10 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
     </div>
   </div>
   <div
-    className="c14"
+    className="c10"
   >
     <button
-      className="c15 c12 c13"
+      className="c11 c8 c9"
       disabled={false}
       href=""
       type="submit"
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/network.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/network.spec.js.snap
index c76dddc3..da48c984 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/network.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/network.spec.js.snap
@@ -111,6 +111,7 @@ exports[`renders <Network /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -558,7 +559,7 @@ exports[`renders <Network /> without throwing 1`] = `
                   checked={false}
                   className="c8"
                   disabled={false}
-                  id="Z"
+                  id="l"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -566,13 +567,13 @@ exports[`renders <Network /> without throwing 1`] = `
                     checked={false}
                     className="c9"
                     disabled={false}
-                    id="a"
+                    id="m"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c10"
-                    htmlFor="a"
+                    htmlFor="m"
                   />
                 </div>
               </li>
@@ -661,22 +662,14 @@ exports[`renders <Network /> without throwing 1`] = `
                         className="c19"
                       >
                         <svg
-                          className=""
                           height="13"
-                          innerRef={undefined}
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
                           viewBox="0 0 9 13"
                           width="9"
                           xmlns="http://www.w3.org/2000/svg"
                         >
                           <path
-                            d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                            d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                             fill="rgba(73, 73, 73, 1)"
-                            fillRule="evenodd"
                           />
                         </svg>
                       </div>
@@ -995,22 +988,14 @@ exports[`renders <Network /> without throwing 2`] = `
                           className="c12"
                         >
                           <svg
-                            className=""
                             height="13"
-                            innerRef={undefined}
-                            style={
-                              Object {
-                                "transform": "rotate(0deg)",
-                              }
-                            }
                             viewBox="0 0 9 13"
                             width="9"
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                              d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                               fill="rgba(73, 73, 73, 1)"
-                              fillRule="evenodd"
                             />
                           </svg>
                         </div>
@@ -1152,6 +1137,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -1599,7 +1585,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
                   checked={false}
                   className="c8"
                   disabled={false}
-                  id="bb"
+                  id="n"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -1607,13 +1593,13 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
                     checked={false}
                     className="c9"
                     disabled={false}
-                    id="bc"
+                    id="o"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c10"
-                    htmlFor="bc"
+                    htmlFor="o"
                   />
                 </div>
               </li>
@@ -1713,22 +1699,14 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
                         className="c21"
                       >
                         <svg
-                          className=""
                           height="13"
-                          innerRef={undefined}
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
                           viewBox="0 0 9 13"
                           width="9"
                           xmlns="http://www.w3.org/2000/svg"
                         >
                           <path
-                            d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                            d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                             fill="rgba(73, 73, 73, 1)"
-                            fillRule="evenodd"
                           />
                         </svg>
                       </div>
@@ -2049,22 +2027,14 @@ exports[`renders <Network {...network} /> without throwing 2`] = `
                           className="c12"
                         >
                           <svg
-                            className=""
                             height="13"
-                            innerRef={undefined}
-                            style={
-                              Object {
-                                "transform": "rotate(0deg)",
-                              }
-                            }
                             viewBox="0 0 9 13"
                             width="9"
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                              d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                               fill="rgba(73, 73, 73, 1)"
-                              fillRule="evenodd"
                             />
                           </svg>
                         </div>
@@ -2206,6 +2176,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2653,7 +2624,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
                   checked={false}
                   className="c8"
                   disabled={false}
-                  id="bd"
+                  id="p"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -2661,13 +2632,13 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
                     checked={false}
                     className="c9"
                     disabled={false}
-                    id="be"
+                    id="q"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c10"
-                    htmlFor="be"
+                    htmlFor="q"
                   />
                 </div>
               </li>
@@ -2767,22 +2738,14 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
                         className="c21"
                       >
                         <svg
-                          className=""
                           height="13"
-                          innerRef={undefined}
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
                           viewBox="0 0 9 13"
                           width="9"
                           xmlns="http://www.w3.org/2000/svg"
                         >
                           <path
-                            d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                            d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                             fill="rgba(73, 73, 73, 1)"
-                            fillRule="evenodd"
                           />
                         </svg>
                       </div>
@@ -3103,22 +3066,14 @@ exports[`renders <Network {...network} /> without throwing 4`] = `
                           className="c12"
                         >
                           <svg
-                            className=""
                             height="13"
-                            innerRef={undefined}
-                            style={
-                              Object {
-                                "transform": "rotate(0deg)",
-                              }
-                            }
                             viewBox="0 0 9 13"
                             width="9"
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                              d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                               fill="rgba(73, 73, 73, 1)"
-                              fillRule="evenodd"
                             />
                           </svg>
                         </div>
@@ -3269,6 +3224,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -3846,7 +3802,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
                   checked={false}
                   className="c8"
                   disabled={false}
-                  id="bh"
+                  id="t"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -3854,13 +3810,13 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
                     checked={false}
                     className="c9"
                     disabled={false}
-                    id="bi"
+                    id="u"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c10"
-                    htmlFor="bi"
+                    htmlFor="u"
                   />
                 </div>
               </li>
@@ -3960,19 +3916,10 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
                         className="c21"
                       >
                         <svg
-                          className=""
-                          height="17"
-                          innerRef={undefined}
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
-                          version="1.1"
+                          height="16.2"
                           viewBox="0 0 16.2 16.2"
-                          width="17"
+                          width="16.2"
                           xmlns="http://www.w3.org/2000/svg"
-                          xmlnsXlink="http://www.w3.org/1999/xlink"
                         >
                           <path
                             d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -4037,14 +3984,13 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
                           "transform": "rotate(0deg)",
                         }
                       }
-                      viewBox="0 0 9 6"
-                      width="9"
+                      viewBox="0 0 9.6 6"
+                      width="9.6"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                        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)"
-                        fillRule="evenodd"
                       />
                     </svg>
                   </div>
@@ -4354,19 +4300,10 @@ exports[`renders <Network {...network} fabric /> without throwing 2`] = `
                           className="c12"
                         >
                           <svg
-                            className=""
-                            height="17"
-                            innerRef={undefined}
-                            style={
-                              Object {
-                                "transform": "rotate(0deg)",
-                              }
-                            }
-                            version="1.1"
+                            height="16.2"
                             viewBox="0 0 16.2 16.2"
-                            width="17"
+                            width="16.2"
                             xmlns="http://www.w3.org/2000/svg"
-                            xmlnsXlink="http://www.w3.org/1999/xlink"
                           >
                             <path
                               d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -4548,6 +4485,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -5110,7 +5048,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                   checked={false}
                   className="c8"
                   disabled={false}
-                  id="bj"
+                  id="v"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -5118,13 +5056,13 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                     checked={false}
                     className="c9"
                     disabled={false}
-                    id="bk"
+                    id="w"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c10"
-                    htmlFor="bk"
+                    htmlFor="w"
                   />
                 </div>
               </li>
@@ -5224,19 +5162,10 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                         className="c21"
                       >
                         <svg
-                          className=""
-                          height="17"
-                          innerRef={undefined}
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
-                          version="1.1"
+                          height="16.2"
                           viewBox="0 0 16.2 16.2"
-                          width="17"
+                          width="16.2"
                           xmlns="http://www.w3.org/2000/svg"
-                          xmlnsXlink="http://www.w3.org/1999/xlink"
                         >
                           <path
                             d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -5301,14 +5230,13 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                           "transform": "rotate(180deg)",
                         }
                       }
-                      viewBox="0 0 9 6"
-                      width="9"
+                      viewBox="0 0 9.6 6"
+                      width="9.6"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                        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)"
-                        fillRule="evenodd"
                       />
                     </svg>
                   </div>
@@ -5334,14 +5262,14 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                         >
                           <label
                             className="c27"
-                            htmlFor="bl"
+                            htmlFor="x"
                           >
                             ID
                           </label>
                           <input
                             className="c28"
                             disabled={false}
-                            id="bl"
+                            id="x"
                             onBlur={null}
                             value="1"
                           />
@@ -5358,14 +5286,14 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                         >
                           <label
                             className="c27"
-                            htmlFor="bm"
+                            htmlFor="y"
                           >
                             Subnet
                           </label>
                           <input
                             className="c28"
                             disabled={false}
-                            id="bm"
+                            id="y"
                             onBlur={null}
                             value="255.255.255.0"
                           />
@@ -5382,14 +5310,14 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
                         >
                           <label
                             className="c27"
-                            htmlFor="bn"
+                            htmlFor="z"
                           >
                             IP range
                           </label>
                           <input
                             className="c28"
                             disabled={false}
-                            id="bn"
+                            id="z"
                             onBlur={null}
                             value="192.168.1.2 - 192.168.1.253"
                           />
@@ -5703,19 +5631,10 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 2`] = `
                           className="c12"
                         >
                           <svg
-                            className=""
-                            height="17"
-                            innerRef={undefined}
-                            style={
-                              Object {
-                                "transform": "rotate(0deg)",
-                              }
-                            }
-                            version="1.1"
+                            height="16.2"
                             viewBox="0 0 16.2 16.2"
-                            width="17"
+                            width="16.2"
                             xmlns="http://www.w3.org/2000/svg"
-                            xmlnsXlink="http://www.w3.org/1999/xlink"
                           >
                             <path
                               d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -5861,6 +5780,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -6308,7 +6228,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
                   checked={false}
                   className="c8"
                   disabled={false}
-                  id="bf"
+                  id="r"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -6316,13 +6236,13 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
                     checked={false}
                     className="c9"
                     disabled={false}
-                    id="bg"
+                    id="s"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c10"
-                    htmlFor="bg"
+                    htmlFor="s"
                   />
                 </div>
               </li>
@@ -6386,12 +6306,10 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
                           viewBox="0 0 12 16"
                           width="12"
                         >
-                          <g>
-                            <path
-                              d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-                              fill="rgba(73, 73, 73, 1)"
-                            />
-                          </g>
+                          <path
+                            d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+                            fill="rgba(73, 73, 73, 1)"
+                          />
                         </svg>
                       </div>
                     </div>
@@ -6423,22 +6341,14 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
                         className="c21"
                       >
                         <svg
-                          className=""
                           height="13"
-                          innerRef={undefined}
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
                           viewBox="0 0 9 13"
                           width="9"
                           xmlns="http://www.w3.org/2000/svg"
                         >
                           <path
-                            d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                            d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                             fill="rgba(73, 73, 73, 1)"
-                            fillRule="evenodd"
                           />
                         </svg>
                       </div>
@@ -6723,12 +6633,10 @@ exports[`renders <Network {...network} public /> without throwing 2`] = `
                             viewBox="0 0 12 16"
                             width="12"
                           >
-                            <g>
-                              <path
-                                d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-                                fill="rgba(73, 73, 73, 1)"
-                              />
-                            </g>
+                            <path
+                              d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
+                              fill="rgba(73, 73, 73, 1)"
+                            />
                           </svg>
                         </div>
                       </div>
@@ -6760,22 +6668,14 @@ exports[`renders <Network {...network} public /> without throwing 2`] = `
                           className="c12"
                         >
                           <svg
-                            className=""
                             height="13"
-                            innerRef={undefined}
-                            style={
-                              Object {
-                                "transform": "rotate(0deg)",
-                              }
-                            }
                             viewBox="0 0 9 13"
                             width="9"
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                              d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                               fill="rgba(73, 73, 73, 1)"
-                              fillRule="evenodd"
                             />
                           </svg>
                         </div>
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap
index 4b11721a..51b97bd1 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap
@@ -111,6 +111,7 @@ exports[`renders <Filters /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -189,6 +190,7 @@ exports[`renders <Filters /> without throwing 1`] = `
   margin-top: 0.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;
@@ -394,7 +396,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="a"
+          id="m"
           onBlur={undefined}
           type="checkbox"
         >
@@ -402,20 +404,20 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="bb"
+            id="n"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="bb"
+            htmlFor="n"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="a"
+          id="m"
           onBlur={undefined}
         >
           <label
@@ -425,14 +427,7 @@ exports[`renders <Filters /> without throwing 1`] = `
               className="c10"
             >
               <svg
-                className=""
                 height="24"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
                 viewBox="0 0 24 24"
                 width="24"
                 xmlns="http://www.w3.org/2000/svg"
@@ -466,7 +461,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="bc"
+          id="o"
           onBlur={undefined}
           type="checkbox"
         >
@@ -474,20 +469,20 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="bd"
+            id="p"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="bd"
+            htmlFor="p"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="bc"
+          id="o"
           onBlur={undefined}
         >
           <label
@@ -497,14 +492,7 @@ exports[`renders <Filters /> without throwing 1`] = `
               className="c10"
             >
               <svg
-                className=""
                 height="21.68"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
                 viewBox="0 0 21.68 21.68"
                 width="21.68"
                 xmlns="http://www.w3.org/2000/svg"
@@ -538,7 +526,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="be"
+          id="q"
           onBlur={undefined}
           type="checkbox"
         >
@@ -546,20 +534,20 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="bf"
+            id="r"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="bf"
+            htmlFor="r"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="be"
+          id="q"
           onBlur={undefined}
         >
           <label
@@ -569,14 +557,7 @@ exports[`renders <Filters /> without throwing 1`] = `
               className="c10"
             >
               <svg
-                className=""
                 height="20"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
                 viewBox="0 0 20 20"
                 width="20"
                 xmlns="http://www.w3.org/2000/svg"
@@ -610,7 +591,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="bg"
+          id="s"
           onBlur={undefined}
           type="checkbox"
         >
@@ -618,20 +599,20 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="bh"
+            id="t"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="bh"
+            htmlFor="t"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="bg"
+          id="s"
           onBlur={undefined}
         >
           <label
@@ -642,14 +623,14 @@ exports[`renders <Filters /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="22"
+                height="20"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                viewBox="0 0 22 22"
+                viewBox="0 0 22 20"
                 width="22"
                 xmlns="http://www.w3.org/2000/svg"
               >
@@ -682,7 +663,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="bi"
+          id="u"
           onBlur={undefined}
           type="checkbox"
         >
@@ -690,20 +671,20 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="bj"
+            id="v"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="bj"
+            htmlFor="v"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="bi"
+          id="u"
           onBlur={undefined}
         >
           <label
@@ -884,6 +865,7 @@ Array [
   margin-top: 0.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;
@@ -1129,6 +1111,7 @@ Array [
   margin-top: 0.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;
@@ -1245,6 +1228,7 @@ exports[`renders <Package /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -1453,7 +1437,7 @@ exports[`renders <Package /> without throwing 1`] = `
         <div
           className="c4"
           disabled={false}
-          id="Y"
+          id="k"
           onBlur={null}
           type="radio"
         >
@@ -1461,19 +1445,19 @@ exports[`renders <Package /> without throwing 1`] = `
             checked={undefined}
             className="c5"
             disabled={false}
-            id="Z"
+            id="l"
             onBlur={null}
             type="radio"
           />
           <label
             className="c6"
-            htmlFor="Z"
+            htmlFor="l"
           />
         </div>
         <div
           className="c7"
           disabled={false}
-          id="Y"
+          id="k"
           onBlur={null}
         >
           <div
@@ -1623,6 +1607,7 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1871,14 +1856,13 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -2069,6 +2053,7 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2317,14 +2302,13 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -2515,6 +2499,7 @@ exports[`renders <Packages loading /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2763,14 +2748,13 @@ exports[`renders <Packages loading /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -2922,6 +2906,7 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
   margin-top: 0.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;
@@ -3123,14 +3108,13 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -3294,6 +3278,7 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3542,14 +3527,13 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap
index 187a4d19..6260487d 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap
@@ -3,6 +3,7 @@
 exports[`renders <Title /> without throwing 1`] = `
 .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;
@@ -127,6 +128,7 @@ exports[`renders <Title /> without throwing 1`] = `
 exports[`renders <Title icon="NameIcon"/> without throwing 1`] = `
 .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;
@@ -234,21 +236,19 @@ exports[`renders <Title icon="NameIcon"/> without throwing 1`] = `
       >
         <svg
           className=""
-          height="17"
+          height="21.91"
           innerRef={undefined}
           style={
             Object {
               "transform": "rotate(0deg)",
             }
           }
-          version="1.1"
-          viewBox="0 0 16.24 13.55"
-          width="17"
+          viewBox="0 0 21.48 21.91"
+          width="21.48"
           xmlns="http://www.w3.org/2000/svg"
-          xmlnsXlink="http://www.w3.org/1999/xlink"
         >
           <path
-            d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+            d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
             fill="rgba(73, 73, 73, 1)"
           />
         </svg>
@@ -272,6 +272,7 @@ exports[`renders <Title icon="NameIcon"/> without throwing 1`] = `
 exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`] = `
 .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;
@@ -380,21 +381,19 @@ exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`]
       >
         <svg
           className=""
-          height="17"
+          height="21.91"
           innerRef={undefined}
           style={
             Object {
               "transform": "rotate(0deg)",
             }
           }
-          version="1.1"
-          viewBox="0 0 16.24 13.55"
-          width="17"
+          viewBox="0 0 21.48 21.91"
+          width="21.48"
           xmlns="http://www.w3.org/2000/svg"
-          xmlnsXlink="http://www.w3.org/1999/xlink"
         >
           <path
-            d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
+            d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
             fill="rgba(73, 73, 73, 1)"
           />
         </svg>
@@ -418,6 +417,7 @@ exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`]
 exports[`renders <Title label="Test"/> without throwing 1`] = `
 .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;
diff --git a/packages/my-joy-beta/src/components/create-instance/name.js b/packages/my-joy-beta/src/components/create-instance/name.js
index 51c8ded9..a308980e 100644
--- a/packages/my-joy-beta/src/components/create-instance/name.js
+++ b/packages/my-joy-beta/src/components/create-instance/name.js
@@ -13,8 +13,6 @@ import {
   RandomizeIcon
 } from 'joyent-ui-toolkit';
 
-import Description from '@components/create-instance/description';
-
 export default ({
   handleSubmit,
   pristine,
@@ -24,9 +22,6 @@ export default ({
   onRandomize
 }) => (
   <form onSubmit={handleSubmit}>
-    <Description>
-      Your instance name will be used to identify this specific instance.
-    </Description>
     <Flex>
       <FlexItem>
         <FormGroup name="name" fluid field={Field}>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/key-value.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/key-value.spec.js.snap
index 0144797a..a7ec8782 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/key-value.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/key-value.spec.js.snap
@@ -166,6 +166,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin-top: 0.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;
@@ -254,6 +255,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin-top: 0.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;
@@ -343,6 +345,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
   margin-top: 0.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;
@@ -831,7 +834,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="Y"
+              htmlFor="k"
             >
               Metadata
                key
@@ -839,7 +842,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="Y"
+              id="k"
               onBlur={null}
             />
             <label
@@ -861,7 +864,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="Z"
+              htmlFor="l"
             >
               Metadata
                value
@@ -869,7 +872,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="Z"
+              id="l"
               onBlur={null}
             />
             <label
@@ -919,40 +922,24 @@ exports[`renders <KeyValue /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgba(73, 73, 73, 1)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
@@ -1321,6 +1308,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1409,6 +1397,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1498,6 +1487,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1986,7 +1976,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="a"
+              htmlFor="m"
             >
               Metadata
                key
@@ -1994,7 +1984,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="a"
+              id="m"
               onBlur={null}
             />
             <label
@@ -2016,7 +2006,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bb"
+              htmlFor="n"
             >
               Metadata
                value
@@ -2024,7 +2014,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bb"
+              id="n"
               onBlur={null}
             />
             <label
@@ -2074,40 +2064,24 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgba(73, 73, 73, 1)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
@@ -2249,6 +2223,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2337,6 +2312,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2426,6 +2402,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2985,7 +2962,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bc"
+              htmlFor="o"
             >
               Metadata
                key
@@ -2993,7 +2970,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bc"
+              id="o"
               onBlur={null}
             />
             <label
@@ -3020,7 +2997,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bd"
+              htmlFor="p"
             >
               Metadata
                value
@@ -3028,7 +3005,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
             <textarea
               className="c15 c16"
               disabled={false}
-              id="bd"
+              id="p"
               onBlur={undefined}
             />
             <label
@@ -3082,40 +3059,24 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgba(73, 73, 73, 1)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
@@ -3291,6 +3252,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3379,6 +3341,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3468,6 +3431,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3956,7 +3920,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bg"
+              htmlFor="s"
             >
               Metadata
                key
@@ -3964,7 +3928,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bg"
+              id="s"
               onBlur={null}
             />
             <label
@@ -3986,7 +3950,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bh"
+              htmlFor="t"
             >
               Metadata
                value
@@ -3994,7 +3958,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bh"
+              id="t"
               onBlur={null}
             />
             <label
@@ -4044,40 +4008,24 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgba(73, 73, 73, 1)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
@@ -4253,6 +4201,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4341,6 +4290,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4430,6 +4380,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4910,7 +4861,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bi"
+              htmlFor="u"
             >
               Metadata
                key
@@ -4918,7 +4869,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bi"
+              id="u"
               onBlur={null}
             />
             <label
@@ -4940,7 +4891,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bj"
+              htmlFor="v"
             >
               Metadata
                value
@@ -4948,7 +4899,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bj"
+              id="v"
               onBlur={null}
             />
             <label
@@ -4998,40 +4949,24 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgba(73, 73, 73, 1)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
@@ -5260,6 +5195,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -5348,6 +5284,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -5437,6 +5374,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -5947,7 +5885,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bk"
+              htmlFor="w"
             >
               Metadata
                key
@@ -5955,7 +5893,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bk"
+              id="w"
               onBlur={null}
             />
             <label
@@ -5977,7 +5915,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bl"
+              htmlFor="x"
             >
               Metadata
                value
@@ -5985,7 +5923,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bl"
+              id="x"
               onBlur={null}
             />
             <label
@@ -6290,6 +6228,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6379,6 +6318,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6527,6 +6467,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
   margin-top: 0.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;
@@ -7014,7 +6955,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bm"
+              htmlFor="y"
             >
               Metadata
                key
@@ -7022,7 +6963,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
             <input
               className="c12"
               disabled={true}
-              id="bm"
+              id="y"
               onBlur={null}
             />
             <label
@@ -7044,7 +6985,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bn"
+              htmlFor="z"
             >
               Metadata
                value
@@ -7052,7 +6993,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
             <input
               className="c12"
               disabled={true}
-              id="bn"
+              id="z"
               onBlur={null}
             />
             <label
@@ -7129,40 +7070,24 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgb(216, 216, 216)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgb(216, 216, 216)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
@@ -7338,6 +7263,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -7426,6 +7352,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -7515,6 +7442,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
   margin-top: 0.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;
@@ -8003,7 +7931,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="be"
+              htmlFor="q"
             >
               Tag
                key
@@ -8011,7 +7939,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="be"
+              id="q"
               onBlur={null}
             />
             <label
@@ -8033,7 +7961,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
           >
             <label
               className="c11"
-              htmlFor="bf"
+              htmlFor="r"
             >
               Tag
                value
@@ -8041,7 +7969,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
             <input
               className="c12"
               disabled={false}
-              id="bf"
+              id="r"
               onBlur={null}
             />
             <label
@@ -8091,40 +8019,24 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
           >
             <svg
               className=""
-              height="12"
+              height="16"
               innerRef={undefined}
               style={
                 Object {
                   "transform": "rotate(0deg)",
                 }
               }
-              version="1.1"
-              viewBox="0 0 9 12"
-              width="9"
+              viewBox="0 0 12 16"
+              width="12"
               xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
             >
-              <g
-                transform="translate(17403 -18583)"
-              >
-                <g>
-                  <use
-                    fill="rgba(73, 73, 73, 1)"
-                    transform="translate(-17403 18583)"
-                    xlinkHref="#j"
-                  />
-                </g>
-              </g>
-              <defs>
-                <path
-                  d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                  fillRule="evenodd"
-                  id="j"
-                />
-              </defs>
+              <path
+                d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
             </svg>
             <span>
-              Delete
+              Remove
             </span>
           </button>
         </div>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap
index 8f15de8e..918aaeb4 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap
@@ -7,6 +7,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -428,7 +429,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
                 checked={false}
                 className="c8"
                 disabled={false}
-                id="bh"
+                id="t"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
@@ -437,14 +438,14 @@ exports[`renders <InstanceList /> without throwing 1`] = `
                   checked={false}
                   className="c9"
                   disabled={false}
-                  id="bi"
+                  id="u"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <label
                   className="c10"
-                  htmlFor="bi"
+                  htmlFor="u"
                 />
               </div>
             </li>
@@ -471,14 +472,13 @@ exports[`renders <InstanceList /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -540,6 +540,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -961,7 +962,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
                 checked={true}
                 className="c8"
                 disabled={false}
-                id="bt"
+                id="F"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
@@ -970,14 +971,14 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
                   checked={true}
                   className="c9"
                   disabled={false}
-                  id="bu"
+                  id="G"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <label
                   className="c10"
-                  htmlFor="bu"
+                  htmlFor="G"
                 />
               </div>
             </li>
@@ -1004,14 +1005,13 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -1073,6 +1073,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -1494,7 +1495,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
                 checked={false}
                 className="c8"
                 disabled={false}
-                id="bk"
+                id="w"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
@@ -1503,14 +1504,14 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
                   checked={false}
                   className="c9"
                   disabled={false}
-                  id="bl"
+                  id="x"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <label
                   className="c10"
-                  htmlFor="bl"
+                  htmlFor="x"
                 />
               </div>
             </li>
@@ -1548,14 +1549,13 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -1606,6 +1606,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2027,7 +2028,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
                 checked={false}
                 className="c8"
                 disabled={false}
-                id="bn"
+                id="z"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
@@ -2036,14 +2037,14 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
                   checked={false}
                   className="c9"
                   disabled={false}
-                  id="bo"
+                  id="A"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <label
                   className="c10"
-                  htmlFor="bo"
+                  htmlFor="A"
                 />
               </div>
             </li>
@@ -2081,14 +2082,13 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
                 "transform": "rotate(0deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -2139,6 +2139,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2560,7 +2561,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
                 checked={false}
                 className="c8"
                 disabled={true}
-                id="bq"
+                id="C"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
@@ -2569,14 +2570,14 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
                   checked={false}
                   className="c9"
                   disabled={true}
-                  id="br"
+                  id="D"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <label
                   className="c10"
-                  htmlFor="br"
+                  htmlFor="D"
                 />
               </div>
             </li>
@@ -2603,14 +2604,13 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -2672,6 +2672,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -3093,7 +3094,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
                 checked={false}
                 className="c8"
                 disabled={false}
-                id="bw"
+                id="I"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
@@ -3102,14 +3103,14 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
                   checked={false}
                   className="c9"
                   disabled={false}
-                  id="bx"
+                  id="J"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <label
                   className="c10"
-                  htmlFor="bx"
+                  htmlFor="J"
                 />
               </div>
             </li>
@@ -3136,14 +3137,13 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
                 "transform": "rotate(180deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              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)"
-              fillRule="evenodd"
             />
           </svg>
         </th>
@@ -3206,6 +3206,7 @@ exports[`renders <Item /> without throwing 1`] = `
 .c12 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c9 {
@@ -3214,6 +3215,7 @@ exports[`renders <Item /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -3571,7 +3573,7 @@ exports[`renders <Item /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="Y"
+              id="k"
               onBlur={undefined}
               type="checkbox"
             >
@@ -3579,13 +3581,13 @@ exports[`renders <Item /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="Z"
+                id="l"
                 onBlur={undefined}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="Z"
+                htmlFor="l"
               />
             </div>
           </li>
@@ -3665,29 +3667,8 @@ exports[`renders <Item /> without throwing 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+              d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
               fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-              fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-              style={
-                Object {
-                  "transform": "translateY(0.375rem)",
-                }
-              }
-            />
-            <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-              fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-              style={
-                Object {
-                  "transform": "translateY(0.75rem)",
-                }
-              }
             />
           </svg>
         </div>
@@ -3701,6 +3682,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
 .c12 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c9 {
@@ -3709,6 +3691,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -4066,7 +4049,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="be"
+              id="q"
               onBlur={undefined}
               type="checkbox"
             >
@@ -4074,13 +4057,13 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bf"
+                id="r"
                 onBlur={undefined}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bf"
+                htmlFor="r"
               />
             </div>
           </li>
@@ -4162,29 +4145,8 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+              d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
               fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-              fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-              style={
-                Object {
-                  "transform": "translateY(0.375rem)",
-                }
-              }
-            />
-            <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-              fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-              style={
-                Object {
-                  "transform": "translateY(0.75rem)",
-                }
-              }
             />
           </svg>
         </div>
@@ -4198,6 +4160,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
 .c12 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c9 {
@@ -4206,6 +4169,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -4563,7 +4527,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="bc"
+              id="o"
               onBlur={undefined}
               type="checkbox"
             >
@@ -4571,13 +4535,13 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bd"
+                id="p"
                 onBlur={undefined}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bd"
+                htmlFor="p"
               />
             </div>
           </li>
@@ -4657,29 +4621,8 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+              d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
               fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-              fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-              style={
-                Object {
-                  "transform": "translateY(0.375rem)",
-                }
-              }
-            />
-            <path
-              d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-              fill="rgba(73, 73, 73, 1)"
-              fill-rule="evenodd"
-              style={
-                Object {
-                  "transform": "translateY(0.75rem)",
-                }
-              }
             />
           </svg>
         </div>
@@ -4693,6 +4636,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
 .c12 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c9 {
@@ -4701,6 +4645,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -5081,7 +5026,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="a"
+              id="m"
               onBlur={undefined}
               type="checkbox"
             >
@@ -5089,13 +5034,13 @@ exports[`renders <Item mutating /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bb"
+                id="n"
                 onBlur={undefined}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bb"
+                htmlFor="n"
               />
             </div>
           </li>
@@ -5187,29 +5132,8 @@ exports[`renders <Item mutating /> without throwing 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+            d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
             fill="rgb(216, 216, 216)"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-            fill="rgb(216, 216, 216)"
-            fill-rule="evenodd"
-            style={
-              Object {
-                "transform": "translateY(0.375rem)",
-              }
-            }
-          />
-          <path
-            d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-            fill="rgb(216, 216, 216)"
-            fill-rule="evenodd"
-            style={
-              Object {
-                "transform": "translateY(0.75rem)",
-              }
-            }
           />
         </svg>
       </td>
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 566b8e1e..77955e1a 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
@@ -132,6 +132,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -220,6 +221,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -309,6 +311,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -878,7 +881,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="Y"
+                htmlFor="k"
               >
                 Metadata
                  key
@@ -886,7 +889,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
               <input
                 className="c12"
                 disabled={false}
-                id="Y"
+                id="k"
                 onBlur={null}
               />
               <label
@@ -913,7 +916,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="Z"
+                htmlFor="l"
               >
                 Metadata
                  value
@@ -921,7 +924,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
               <textarea
                 className="c15 c16"
                 disabled={false}
-                id="Z"
+                id="l"
                 onBlur={undefined}
               />
               <label
@@ -975,40 +978,24 @@ exports[`renders <AddForm /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(210, 67, 58)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <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>
-                Delete
+                Remove
               </span>
             </button>
           </div>
@@ -1164,6 +1151,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1252,6 +1240,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1341,6 +1330,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1912,7 +1902,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="a"
+                htmlFor="m"
               >
                 Metadata
                  key
@@ -1920,7 +1910,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
               <input
                 className="c12"
                 disabled={false}
-                id="a"
+                id="m"
                 onBlur={null}
               />
               <label
@@ -1947,7 +1937,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="bb"
+                htmlFor="n"
               >
                 Metadata
                  value
@@ -1955,7 +1945,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
               <textarea
                 className="c15 c16"
                 disabled={false}
-                id="bb"
+                id="n"
                 onBlur={undefined}
               />
               <label
@@ -2009,40 +1999,24 @@ exports[`renders <EditForm /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(210, 67, 58)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <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>
-                Delete
+                Remove
               </span>
             </button>
           </div>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
index ffa8af2c..0186b014 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
@@ -7,6 +7,7 @@ exports[`renders <Actions /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -389,7 +390,7 @@ exports[`renders <Actions /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="bh"
+              id="t"
               onBlur={undefined}
               onChange={[Function]}
               type="checkbox"
@@ -398,14 +399,14 @@ exports[`renders <Actions /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bi"
+                id="u"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bi"
+                htmlFor="u"
               />
             </div>
           </li>
@@ -432,14 +433,13 @@ exports[`renders <Actions /> without throwing 1`] = `
               "transform": "rotate(180deg)",
             }
           }
-          viewBox="0 0 9 6"
-          width="9"
+          viewBox="0 0 9.6 6"
+          width="9.6"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+            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)"
-            fillRule="evenodd"
           />
         </svg>
       </th>
@@ -500,6 +500,7 @@ exports[`renders <Item /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -790,7 +791,7 @@ exports[`renders <Item /> without throwing 1`] = `
           checked={false}
           className="c6"
           disabled={false}
-          id="Z"
+          id="l"
           onBlur={undefined}
           type="checkbox"
         >
@@ -798,13 +799,13 @@ exports[`renders <Item /> without throwing 1`] = `
             checked={false}
             className="c7"
             disabled={false}
-            id="a"
+            id="m"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c8"
-            htmlFor="a"
+            htmlFor="m"
           />
         </div>
       </li>
@@ -875,29 +876,8 @@ exports[`renders <Item /> without throwing 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+          d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
           fill="rgba(73, 73, 73, 1)"
-          fill-rule="evenodd"
-        />
-        <path
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-          fill="rgba(73, 73, 73, 1)"
-          fill-rule="evenodd"
-          style={
-            Object {
-              "transform": "translateY(0.375rem)",
-            }
-          }
-        />
-        <path
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-          fill="rgba(73, 73, 73, 1)"
-          fill-rule="evenodd"
-          style={
-            Object {
-              "transform": "translateY(0.75rem)",
-            }
-          }
         />
       </svg>
     </div>
@@ -912,6 +892,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -1202,7 +1183,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
           checked={false}
           className="c6"
           disabled={false}
-          id="bb"
+          id="n"
           onBlur={undefined}
           type="checkbox"
         >
@@ -1210,13 +1191,13 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
             checked={false}
             className="c7"
             disabled={false}
-            id="bc"
+            id="o"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c8"
-            htmlFor="bc"
+            htmlFor="o"
           />
         </div>
       </li>
@@ -1289,29 +1270,8 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+          d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
           fill="rgba(73, 73, 73, 1)"
-          fill-rule="evenodd"
-        />
-        <path
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-          fill="rgba(73, 73, 73, 1)"
-          fill-rule="evenodd"
-          style={
-            Object {
-              "transform": "translateY(0.375rem)",
-            }
-          }
-        />
-        <path
-          d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-          fill="rgba(73, 73, 73, 1)"
-          fill-rule="evenodd"
-          style={
-            Object {
-              "transform": "translateY(0.75rem)",
-            }
-          }
         />
       </svg>
     </div>
@@ -1525,6 +1485,7 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -1907,7 +1868,7 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="be"
+              id="q"
               onBlur={undefined}
               onChange={[Function]}
               type="checkbox"
@@ -1916,14 +1877,14 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bf"
+                id="r"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bf"
+                htmlFor="r"
               />
             </div>
           </li>
@@ -1950,14 +1911,13 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
               "transform": "rotate(180deg)",
             }
           }
-          viewBox="0 0 9 6"
-          width="9"
+          viewBox="0 0 9.6 6"
+          width="9.6"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+            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)"
-            fillRule="evenodd"
           />
         </svg>
       </th>
@@ -2018,6 +1978,7 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2400,7 +2361,7 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
               checked={true}
               className="c8"
               disabled={false}
-              id="bt"
+              id="F"
               onBlur={undefined}
               onChange={[Function]}
               type="checkbox"
@@ -2409,14 +2370,14 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
                 checked={true}
                 className="c9"
                 disabled={false}
-                id="bu"
+                id="G"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bu"
+                htmlFor="G"
               />
             </div>
           </li>
@@ -2443,14 +2404,13 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
               "transform": "rotate(180deg)",
             }
           }
-          viewBox="0 0 9 6"
-          width="9"
+          viewBox="0 0 9.6 6"
+          width="9.6"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+            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)"
-            fillRule="evenodd"
           />
         </svg>
       </th>
@@ -2511,6 +2471,7 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2893,7 +2854,7 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="bk"
+              id="w"
               onBlur={undefined}
               onChange={[Function]}
               type="checkbox"
@@ -2902,14 +2863,14 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bl"
+                id="x"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bl"
+                htmlFor="x"
               />
             </div>
           </li>
@@ -2947,14 +2908,13 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
               "transform": "rotate(180deg)",
             }
           }
-          viewBox="0 0 9 6"
-          width="9"
+          viewBox="0 0 9.6 6"
+          width="9.6"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+            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)"
-            fillRule="evenodd"
           />
         </svg>
       </th>
@@ -3004,6 +2964,7 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -3386,7 +3347,7 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={false}
-              id="bn"
+              id="z"
               onBlur={undefined}
               onChange={[Function]}
               type="checkbox"
@@ -3395,14 +3356,14 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={false}
-                id="bo"
+                id="A"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="bo"
+                htmlFor="A"
               />
             </div>
           </li>
@@ -3440,14 +3401,13 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
               "transform": "rotate(0deg)",
             }
           }
-          viewBox="0 0 9 6"
-          width="9"
+          viewBox="0 0 9.6 6"
+          width="9.6"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+            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)"
-            fillRule="evenodd"
           />
         </svg>
       </th>
@@ -3497,6 +3457,7 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -3879,7 +3840,7 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
               checked={false}
               className="c8"
               disabled={true}
-              id="bq"
+              id="C"
               onBlur={undefined}
               onChange={[Function]}
               type="checkbox"
@@ -3888,14 +3849,14 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
                 checked={false}
                 className="c9"
                 disabled={true}
-                id="br"
+                id="D"
                 onBlur={undefined}
                 onChange={[Function]}
                 type="checkbox"
               />
               <label
                 className="c10"
-                htmlFor="br"
+                htmlFor="D"
               />
             </div>
           </li>
@@ -3922,14 +3883,13 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
               "transform": "rotate(180deg)",
             }
           }
-          viewBox="0 0 9 6"
-          width="9"
+          viewBox="0 0 9.6 6"
+          width="9.6"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+            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)"
-            fillRule="evenodd"
           />
         </svg>
       </th>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
index 80442b62..c59a3363 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
@@ -183,6 +183,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-top: 0.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;
@@ -311,6 +312,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-top: 0.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;
@@ -437,6 +439,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-top: 0.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;
@@ -587,6 +590,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1260,57 +1264,21 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -1328,57 +1296,21 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Start
@@ -1406,46 +1338,14 @@ exports[`renders <Summary /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -1470,46 +1370,14 @@ exports[`renders <Summary /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Stop
@@ -1550,7 +1418,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                         <use
                           fill="rgb(216, 216, 216)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -1558,7 +1426,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -1598,7 +1466,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                         <use
                           fill="rgb(216, 216, 216)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -1606,7 +1474,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -1633,37 +1501,21 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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>
                 </button>
               </span>
@@ -1681,37 +1533,21 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <path
+                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Remove
@@ -1758,7 +1594,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -1766,34 +1602,14 @@ exports[`renders <Summary /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -1829,7 +1645,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -1837,34 +1653,14 @@ exports[`renders <Summary /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -1900,7 +1696,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -1908,34 +1704,14 @@ exports[`renders <Summary /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -1971,7 +1747,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -1979,34 +1755,14 @@ exports[`renders <Summary /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -2202,6 +1958,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2330,6 +2087,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2456,6 +2214,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2562,6 +2321,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2666,6 +2426,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2794,6 +2555,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3407,57 +3169,21 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -3475,57 +3201,21 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Start
@@ -3553,46 +3243,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgba(73, 73, 73, 1)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -3617,46 +3275,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgba(73, 73, 73, 1)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                   <span>
                     Stop
@@ -3697,7 +3323,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         <use
                           fill="rgba(73, 73, 73, 1)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -3705,7 +3331,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -3745,7 +3371,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         <use
                           fill="rgba(73, 73, 73, 1)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -3753,7 +3379,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -3780,37 +3406,21 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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>
                 </button>
               </span>
@@ -3828,37 +3438,21 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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
@@ -3905,7 +3499,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -3913,34 +3507,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -3976,7 +3550,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -3984,34 +3558,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -4047,7 +3601,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -4055,34 +3609,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -4118,7 +3652,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -4126,34 +3660,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -4189,7 +3703,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -4197,34 +3711,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -4260,7 +3754,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -4268,34 +3762,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -4331,7 +3805,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -4339,34 +3813,14 @@ exports[`renders <Summary instance /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -4562,6 +4016,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
   margin-top: 0.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;
@@ -4690,6 +4145,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
   margin-top: 0.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;
@@ -4816,6 +4272,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
   margin-top: 0.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;
@@ -4922,6 +4379,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
   margin-top: 0.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;
@@ -5026,6 +4484,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
   margin-top: 0.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;
@@ -5154,6 +4613,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
   margin-top: 0.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;
@@ -5767,57 +5227,21 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -5835,57 +5259,21 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Start
@@ -5913,46 +5301,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgba(73, 73, 73, 1)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -5977,46 +5333,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgba(73, 73, 73, 1)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                   <span>
                     Stop
@@ -6057,7 +5381,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         <use
                           fill="rgba(73, 73, 73, 1)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -6065,7 +5389,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -6105,7 +5429,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         <use
                           fill="rgba(73, 73, 73, 1)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -6113,7 +5437,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -6140,37 +5464,21 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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>
                 </button>
               </span>
@@ -6188,37 +5496,21 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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
@@ -6265,7 +5557,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6273,34 +5565,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6336,7 +5608,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6344,34 +5616,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6407,7 +5659,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6415,34 +5667,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6478,7 +5710,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6486,34 +5718,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6549,7 +5761,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6557,34 +5769,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6620,7 +5812,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6628,34 +5820,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6691,7 +5863,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -6699,34 +5871,14 @@ exports[`renders <Summary instance /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -6975,6 +6127,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -7103,6 +6256,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -7229,6 +6383,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -7379,6 +6534,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -8434,7 +7590,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 >
                   <svg
                     className="c35 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -8442,34 +7598,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -8505,7 +7641,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 >
                   <svg
                     className="c35 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -8513,34 +7649,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -8576,7 +7692,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 >
                   <svg
                     className="c35 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -8584,34 +7700,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -8647,7 +7743,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 >
                   <svg
                     className="c35 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -8655,34 +7751,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -8878,6 +7954,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-top: 0.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;
@@ -9006,6 +8083,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-top: 0.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;
@@ -9132,6 +8210,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-top: 0.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;
@@ -9238,6 +8317,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-top: 0.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;
@@ -9342,6 +8422,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-top: 0.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;
@@ -9470,6 +8551,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-top: 0.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;
@@ -10122,57 +9204,21 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -10190,57 +9236,21 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Start
@@ -10268,46 +9278,14 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgba(73, 73, 73, 1)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -10332,46 +9310,14 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgba(73, 73, 73, 1)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                   <span>
                     Stop
@@ -10412,7 +9358,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         <use
                           fill="rgba(73, 73, 73, 1)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -10420,7 +9366,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -10460,7 +9406,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         <use
                           fill="rgba(73, 73, 73, 1)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -10468,7 +9414,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -10495,37 +9441,21 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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>
                 </button>
               </span>
@@ -10543,37 +9473,21 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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
@@ -10620,7 +9534,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -10628,34 +9542,14 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -10691,7 +9585,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -10699,34 +9593,14 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -10762,7 +9636,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -10770,34 +9644,14 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -10833,7 +9687,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -10841,34 +9695,14 @@ exports[`renders <Summary state /> without throwing 1`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -11064,6 +9898,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 0.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;
@@ -11192,6 +10027,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 0.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;
@@ -11318,6 +10154,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 0.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;
@@ -11424,6 +10261,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 0.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;
@@ -11528,6 +10366,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 0.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;
@@ -11656,6 +10495,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 0.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;
@@ -12308,57 +11148,21 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -12376,57 +11180,21 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                   <span>
                     Start
@@ -12454,46 +11222,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -12518,46 +11254,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Stop
@@ -12598,7 +11302,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         <use
                           fill="rgb(216, 216, 216)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -12606,7 +11310,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -12646,7 +11350,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         <use
                           fill="rgb(216, 216, 216)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -12654,7 +11358,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -12681,37 +11385,21 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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>
                 </button>
               </span>
@@ -12729,37 +11417,21 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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
@@ -12806,7 +11478,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -12814,34 +11486,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -12877,7 +11529,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -12885,34 +11537,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -12948,7 +11580,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -12956,34 +11588,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -13019,7 +11631,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 >
                   <svg
                     className="c33 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -13027,34 +11639,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -13250,6 +11842,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-top: 0.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;
@@ -13378,6 +11971,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-top: 0.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;
@@ -13504,6 +12098,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-top: 0.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;
@@ -13654,6 +12249,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-top: 0.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;
@@ -14328,57 +12924,21 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -14396,57 +12956,21 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className=""
-                    height="15"
+                    height="14"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="15"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(18292 -19563)"
-                    >
-                      <mask
-                        id="L"
-                      >
-                        <rect
-                          fill="#fff"
-                          height={15}
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          width={15}
-                          x={-1}
-                          y={-1}
-                        />
-                        <use
-                          fill="#000"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#M"
-                        />
-                      </mask>
-                      <g
-                        mask="url(#L"
-                      >
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                          xlinkHref="#N"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                        id="M"
-                      />
-                      <path
-                        d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                        id="N"
-                      />
-                    </defs>
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Start
@@ -14474,46 +12998,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                 </button>
               </span>
@@ -14538,46 +13030,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
                     viewBox="0 0 14 14"
                     width="14"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(18113 -18582)"
-                    >
-                      <g>
-                        <mask
-                          id="O"
-                        >
-                          <use
-                            fill="white"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#P"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#O)"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="translate(-18113 18582)"
-                            xlinkHref="#Q"
-                          />
-                        </g>
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                        id="P"
-                      />
-                      <path
-                        d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                        id="Q"
-                      />
-                    </defs>
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Stop
@@ -14618,7 +13078,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         <use
                           fill="rgb(216, 216, 216)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -14626,7 +13086,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -14666,7 +13126,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         <use
                           fill="rgb(216, 216, 216)"
                           transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                          xlinkHref="#K"
+                          xlinkHref="#f"
                         />
                       </g>
                     </g>
@@ -14674,7 +13134,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                       <path
                         d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                         fillRule="evenodd"
-                        id="K"
+                        id="f"
                       />
                     </defs>
                   </svg>
@@ -14701,37 +13161,21 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(210, 67, 58)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <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>
                 </button>
               </span>
@@ -14749,37 +13193,21 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className=""
-                    height="12"
+                    height="16"
                     innerRef={undefined}
                     style={
                       Object {
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    viewBox="0 0 9 12"
-                    width="9"
+                    viewBox="0 0 12 16"
+                    width="12"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <g
-                      transform="translate(17403 -18583)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(216, 216, 216)"
-                          transform="translate(-17403 18583)"
-                          xlinkHref="#j"
-                        />
-                      </g>
-                    </g>
-                    <defs>
-                      <path
-                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                        fillRule="evenodd"
-                        id="j"
-                      />
-                    </defs>
+                    <path
+                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                      fill="rgb(216, 216, 216)"
+                    />
                   </svg>
                   <span>
                     Remove
@@ -14826,7 +13254,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -14834,34 +13262,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -14897,7 +13305,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -14905,34 +13313,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -14968,7 +13356,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -14976,34 +13364,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
@@ -15039,7 +13407,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 >
                   <svg
                     className="c31 "
-                    height="16"
+                    height="19"
                     innerRef={undefined}
                     onClick={[Function]}
                     style={
@@ -15047,34 +13415,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
                         "transform": "rotate(0deg)",
                       }
                     }
-                    version="1.1"
-                    width="13"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 15 19"
+                    width="15"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <g
-                      transform="translate(-2367 443)"
-                    >
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2370 -437)"
-                        xlinkHref="#e"
-                      />
-                      <use
-                        fill="rgba(73, 73, 73, 1)"
-                        transform="translate(2367 -443)"
-                        xlinkHref="#f"
-                      />
-                    </g>
-                    <defs>
-                      <path
-                        d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                        id="e"
-                      />
-                      <path
-                        d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                        id="f"
-                      />
-                    </defs>
+                    <path
+                      d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                      fill="rgba(73, 73, 73, 1)"
+                    />
                   </svg>
                 </div>
               </div>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/tags.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/tags.spec.js.snap
index abbda205..7323b0de 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/tags.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/tags.spec.js.snap
@@ -64,6 +64,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -152,6 +153,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -241,6 +243,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -860,7 +863,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="Y"
+                htmlFor="k"
               >
                 Tag
                  key
@@ -868,7 +871,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
               <input
                 className="c12"
                 disabled={false}
-                id="Y"
+                id="k"
                 onBlur={null}
               />
               <label
@@ -890,7 +893,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="Z"
+                htmlFor="l"
               >
                 Tag
                  value
@@ -898,7 +901,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
               <input
                 className="c12"
                 disabled={false}
-                id="Z"
+                id="l"
                 onBlur={null}
               />
               <label
@@ -948,40 +951,24 @@ exports[`renders <AddForm /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(210, 67, 58)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <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>
-                Delete
+                Remove
               </span>
             </button>
           </div>
@@ -1060,6 +1047,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1148,6 +1136,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1237,6 +1226,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1848,7 +1838,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="a"
+                htmlFor="m"
               >
                 Tag
                  key
@@ -1856,7 +1846,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
               <input
                 className="c12"
                 disabled={false}
-                id="a"
+                id="m"
                 onBlur={null}
               />
               <label
@@ -1878,7 +1868,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
             >
               <label
                 className="c11"
-                htmlFor="bb"
+                htmlFor="n"
               >
                 Tag
                  value
@@ -1886,7 +1876,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
               <input
                 className="c12"
                 disabled={false}
-                id="bb"
+                id="n"
                 onBlur={null}
               />
               <label
@@ -1936,40 +1926,24 @@ exports[`renders <EditForm /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(210, 67, 58)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <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>
-                Delete
+                Remove
               </span>
             </button>
           </div>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap
index 2ce57e9c..fdfdc667 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap
@@ -55,6 +55,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
   margin-top: 0.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;
@@ -323,14 +324,14 @@ exports[`renders <Toolbar /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="Y"
+        htmlFor="k"
       >
         Filter
       </label>
       <input
         className="c4"
         disabled={false}
-        id="Y"
+        id="k"
         onBlur={undefined}
         placeholder=""
       />
@@ -346,7 +347,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="a"
+        htmlFor="m"
       >
         ⁣
       </label>
@@ -420,6 +421,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
   margin-top: 0.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;
@@ -688,14 +690,14 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bk"
+        htmlFor="w"
       >
         Filter
       </label>
       <input
         className="c4"
         disabled={false}
-        id="bk"
+        id="w"
         onBlur={undefined}
         placeholder=""
       />
@@ -711,7 +713,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bm"
+        htmlFor="y"
       >
         ⁣
       </label>
@@ -785,6 +787,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1075,14 +1078,14 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bn"
+        htmlFor="z"
       >
         Filter
       </label>
       <input
         className="c4"
         disabled={false}
-        id="bn"
+        id="z"
         onBlur={undefined}
         placeholder=""
       />
@@ -1098,7 +1101,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bp"
+        htmlFor="B"
       >
         ⁣
       </label>
@@ -1172,6 +1175,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1440,14 +1444,14 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bq"
+        htmlFor="C"
       >
         Filter
       </label>
       <input
         className="c4"
         disabled={false}
-        id="bq"
+        id="C"
         onBlur={undefined}
         placeholder=""
       />
@@ -1463,7 +1467,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bs"
+        htmlFor="E"
       >
         ⁣
       </label>
@@ -1537,6 +1541,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1805,14 +1810,14 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bb"
+        htmlFor="n"
       >
         Search label
       </label>
       <input
         className="c4"
         disabled={false}
-        id="bb"
+        id="n"
         onBlur={undefined}
         placeholder=""
       />
@@ -1828,7 +1833,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bd"
+        htmlFor="p"
       >
         ⁣
       </label>
@@ -1902,6 +1907,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2170,14 +2176,14 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="be"
+        htmlFor="q"
       >
         Filter
       </label>
       <input
         className="c4"
         disabled={false}
-        id="be"
+        id="q"
         onBlur={undefined}
         placeholder="Search placeholder"
       />
@@ -2193,7 +2199,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bg"
+        htmlFor="s"
       >
         ⁣
       </label>
@@ -2267,6 +2273,7 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2287,11 +2294,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
   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);
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -2330,23 +2332,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c7:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c7:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c7:active,
-.c7:active:hover,
-.c7:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
 .c7 svg + span {
   margin-left: 0.75rem;
 }
@@ -2572,14 +2557,14 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bh"
+        htmlFor="t"
       >
         Filter
       </label>
       <input
         className="c4"
         disabled={true}
-        id="bh"
+        id="t"
         onBlur={undefined}
         placeholder=""
       />
@@ -2595,13 +2580,13 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
     >
       <label
         className="c3"
-        htmlFor="bj"
+        htmlFor="v"
       >
         ⁣
       </label>
       <button
         className="c7 c8 c9"
-        disabled={true}
+        disabled={false}
         href=""
         icon={true}
         onClick={undefined}
diff --git a/packages/my-joy-beta/src/components/instances/key-value.js b/packages/my-joy-beta/src/components/instances/key-value.js
index 2ee9e6c6..de5a0c25 100644
--- a/packages/my-joy-beta/src/components/instances/key-value.js
+++ b/packages/my-joy-beta/src/components/instances/key-value.js
@@ -8,7 +8,8 @@ import styled from 'styled-components';
 import remcalc from 'remcalc';
 import titleCase from 'title-case';
 import Flex, { FlexItem } from 'styled-flex-component';
-// import Editor from 'joyent-ui-toolkit/dist/es/editor';
+
+import Editor from 'joyent-ui-toolkit/dist/es/editor';
 
 import {
   Message,
@@ -50,70 +51,73 @@ class ValueTextareaField extends PureComponent {
     const { input = {}, submitting } = this.props;
 
     return input.value === 'user-script' ? (
-      <Field name="value" component="textarea" />
+      <Field
+        name="value"
+        component={props => <Editor {...props} mode="sh" />}
+      />
     ) : (
       <Textarea resize="vertical" disabled={submitting} fluid />
     );
   }
 }
 
-const TextareaKeyValue = ({ type, submitting }) => [
-  <Row key="key">
-    <Col xs={12}>
-      <FormGroup name="name" field={Field} fluid>
-        <FormLabel>{titleCase(type)} key</FormLabel>
-        <Input onBlur={null} type="text" disabled={submitting} />
-        <FormMeta />
-      </FormGroup>
-      <Divider height={remcalc(12)} transparent />
-    </Col>
-  </Row>,
-  <Row key="value">
-    <Col xs={12}>
-      <FormGroup name="value" field={Field} fluid>
-        <FormLabel>{titleCase(type)} value</FormLabel>
-        <Field
-          name="name"
-          fluid
-          component={ValueTextareaField}
-          props={{ submitting }}
-        />
-        <FormMeta />
-      </FormGroup>
-      <Divider height={remcalc(12)} transparent />
-    </Col>
-  </Row>
-];
-
-const InputKeyValue = ({ type, submitting }) => (
-  <Flex justifyStart contentStretch>
-    <FlexItem basis="auto">
-      <FormGroup name="name" field={Field} fluid>
-        <FormLabel>{titleCase(type)} key</FormLabel>
-        <Input onBlur={null} type="text" disabled={submitting} />
-        <FormMeta />
-      </FormGroup>
-    </FlexItem>
-    <FlexItem basis={remcalc(12)} />
-    <FlexItem basis="auto">
-      <FormGroup name="value" field={Field} fluid>
-        <FormLabel>{titleCase(type)} value</FormLabel>
-        <Input onBlur={null} disabled={submitting} />
-        <FormMeta />
-      </FormGroup>
-    </FlexItem>
-  </Flex>
+const TextareaKeyValue = ({ type, submitting, onlyName, onlyValue }) => (
+  <Fragment>
+    {!onlyValue ? (
+      <Row>
+        <Col xs={12}>
+          <FormGroup name="name" field={Field} fluid>
+            <FormLabel>{titleCase(type)} key</FormLabel>
+            <Input onBlur={null} type="text" disabled={submitting} />
+            <FormMeta />
+          </FormGroup>
+          <Divider height={remcalc(12)} transparent />
+        </Col>
+      </Row>
+    ) : null}
+    {!onlyName ? (
+      <Row>
+        <Col xs={12}>
+          <FormGroup name="value" field={Field} fluid>
+            <FormLabel>{titleCase(type)} value</FormLabel>
+            <Field
+              name="name"
+              fluid
+              component={ValueTextareaField}
+              props={{ submitting }}
+            />
+            <FormMeta />
+          </FormGroup>
+          <Divider height={remcalc(12)} transparent />
+        </Col>
+      </Row>
+    ) : null}
+  </Fragment>
 );
 
-const InputName = ({ type, submitting }) => (
+const InputKeyValue = ({ type, submitting, onlyName, onlyValue }) => (
   <Flex justifyStart contentStretch>
-    <FlexItem basis="auto">
-      <FormGroup name="name" field={Field} fluid>
-        <FormLabel>{titleCase(type)} Name</FormLabel>
-        <Input onBlur={null} type="text" disabled={submitting} />
-        <FormMeta />
-      </FormGroup>
-    </FlexItem>
+    {!onlyValue ? (
+      <FlexItem basis="auto">
+        <FormGroup name="name" field={Field} fluid>
+          <FormLabel>{titleCase(type)} key</FormLabel>
+          <Input onBlur={null} type="text" disabled={submitting} />
+          <FormMeta />
+        </FormGroup>
+      </FlexItem>
+    ) : null}
+    {!onlyName ? (
+      <Fragment>
+        <FlexItem basis={remcalc(12)} />
+        <FlexItem basis="auto">
+          <FormGroup name="value" field={Field} fluid>
+            <FormLabel>{titleCase(type)} value</FormLabel>
+            <Input onBlur={null} disabled={submitting} />
+            <FormMeta />
+          </FormGroup>
+        </FlexItem>
+      </Fragment>
+    ) : null}
   </Flex>
 );
 
@@ -133,6 +137,7 @@ export const KeyValue = ({
   onRemove = () => null,
   theme = {},
   onlyName = false,
+  onlyValue = false,
   noRemove = false,
   customHeader
 }) => {
@@ -182,18 +187,21 @@ export const KeyValue = ({
               </Row>
             ) : null}
             {input === 'input' ? (
-              onlyName ? (
-                <InputName onBlur={null} type={type} submitting={submitting} />
-              ) : (
-                <InputKeyValue
-                  onBlur={null}
-                  type={type}
-                  submitting={submitting}
-                />
-              )
+              <InputKeyValue
+                onBlur={null}
+                type={type}
+                submitting={submitting}
+                onlyName={onlyName}
+                onlyValue={onlyValue}
+              />
             ) : null}
             {input === 'textarea' ? (
-              <TextareaKeyValue type={type} submitting={submitting} />
+              <TextareaKeyValue
+                type={type}
+                submitting={submitting}
+                onlyName={onlyName}
+                onlyValue={onlyValue}
+              />
             ) : null}
             {input !== 'textarea' && input !== 'input'
               ? input(submitting)
@@ -235,7 +243,7 @@ export const KeyValue = ({
                       disabled={submitting}
                       fill={submitting ? undefined : theme.red}
                     />
-                    <span>Delete</span>
+                    <span>Remove</span>
                   </Button>
                 </Col>
               )}
diff --git a/packages/my-joy-beta/src/components/instances/toolbar.js b/packages/my-joy-beta/src/components/instances/toolbar.js
index 7daf13b0..a6bbb4b3 100644
--- a/packages/my-joy-beta/src/components/instances/toolbar.js
+++ b/packages/my-joy-beta/src/components/instances/toolbar.js
@@ -32,7 +32,7 @@ export const Toolbar = ({
         <FormLabel>&#8291;</FormLabel>
         <Button
           type={onActionClick ? 'button' : 'submit'}
-          disabled={!searchable || !actionable}
+          disabled={!actionable}
           onClick={onActionClick}
           icon
           fluid
diff --git a/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap b/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap
index bf9b286e..34889751 100644
--- a/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap
+++ b/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap
@@ -10,6 +10,7 @@ exports[`renders <Menu links /> without throwing 1`] = `
 .c6 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c5 {
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 920ee816..69530f77 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
@@ -4,6 +4,7 @@ exports[`renders <Metadata /> 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;
@@ -119,57 +120,21 @@ Array [
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 11"
-                    width="18"
+                    viewBox="0 0 17.04 11"
+                    width="17.04"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1884 1236)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1884 -1233.9)"
-                                        xlinkHref="#F"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1896 -1233.9)"
-                                        xlinkHref="#G"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1891 -1236)"
-                                    xlinkHref="#H"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-                            id="F"
-                        />
-                        <path
-                            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-                            id="G"
-                        />
-                        <path
-                            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-                            id="H"
-                        />
-                    </defs>
+                    <path
+                        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <path
+                        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <polygon
+                        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+                    />
                 </svg>
             </div>
         </div>
@@ -196,6 +161,7 @@ exports[`renders <Metadata addOpen expanded /> 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;
@@ -311,57 +277,21 @@ Array [
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 11"
-                    width="18"
+                    viewBox="0 0 17.04 11"
+                    width="17.04"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1884 1236)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1884 -1233.9)"
-                                        xlinkHref="#F"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1896 -1233.9)"
-                                        xlinkHref="#G"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1891 -1236)"
-                                    xlinkHref="#H"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-                            id="F"
-                        />
-                        <path
-                            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-                            id="G"
-                        />
-                        <path
-                            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-                            id="H"
-                        />
-                    </defs>
+                    <path
+                        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <path
+                        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <polygon
+                        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+                    />
                 </svg>
             </div>
         </div>
@@ -542,6 +472,7 @@ Array [
   margin-top: 0.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;
@@ -630,6 +561,7 @@ Array [
   margin-top: 0.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;
@@ -719,6 +651,7 @@ Array [
   margin-top: 0.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;
@@ -1353,7 +1286,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="bg"
+                                htmlFor="s"
                             >
                                 Metadata
                                  key
@@ -1361,7 +1294,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="bg"
+                                id="s"
                                 onBlur={null}
                             />
                             <label
@@ -1388,7 +1321,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="bh"
+                                htmlFor="t"
                             >
                                 Metadata
                                  value
@@ -1396,7 +1329,7 @@ Array [
                             <textarea
                                 className="c15 c16"
                                 disabled={false}
-                                id="bh"
+                                id="t"
                                 onBlur={undefined}
                             />
                             <label
@@ -1450,40 +1383,24 @@ Array [
                         >
                             <svg
                                 className=""
-                                height="12"
+                                height="16"
                                 innerRef={undefined}
                                 style={
                                     Object {
                                         "transform": "rotate(0deg)",
                                       }
                                 }
-                                version="1.1"
-                                viewBox="0 0 9 12"
-                                width="9"
+                                viewBox="0 0 12 16"
+                                width="12"
                                 xmlns="http://www.w3.org/2000/svg"
-                                xmlnsXlink="http://www.w3.org/1999/xlink"
                             >
-                                <g
-                                    transform="translate(17403 -18583)"
-                                >
-                                    <g>
-                                        <use
-                                            fill="rgb(210, 67, 58)"
-                                            transform="translate(-17403 18583)"
-                                            xlinkHref="#j"
-                                        />
-                                    </g>
-                                </g>
-                                <defs>
-                                    <path
-                                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                                        fillRule="evenodd"
-                                        id="j"
-                                    />
-                                </defs>
+                                <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>
-                                Delete
+                                Remove
                             </span>
                         </button>
                     </div>
@@ -1550,6 +1467,7 @@ Array [
   margin-top: 0.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;
@@ -1637,6 +1555,7 @@ Array [
   margin-top: 0.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;
@@ -1718,6 +1637,7 @@ exports[`renders <Metadata expanded /> 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;
@@ -1833,57 +1753,21 @@ Array [
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 11"
-                    width="18"
+                    viewBox="0 0 17.04 11"
+                    width="17.04"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1884 1236)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1884 -1233.9)"
-                                        xlinkHref="#F"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1896 -1233.9)"
-                                        xlinkHref="#G"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1891 -1236)"
-                                    xlinkHref="#H"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-                            id="F"
-                        />
-                        <path
-                            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-                            id="G"
-                        />
-                        <path
-                            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-                            id="H"
-                        />
-                    </defs>
+                    <path
+                        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <path
+                        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <polygon
+                        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+                    />
                 </svg>
             </div>
         </div>
@@ -2052,6 +1936,7 @@ Array [
   margin-top: 0.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;
@@ -2139,6 +2024,7 @@ Array [
   margin-top: 0.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;
@@ -2220,6 +2106,7 @@ exports[`renders <Metadata metadata=[] /> 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;
@@ -2335,57 +2222,21 @@ Array [
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 11"
-                    width="18"
+                    viewBox="0 0 17.04 11"
+                    width="17.04"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1884 1236)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1884 -1233.9)"
-                                        xlinkHref="#F"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1896 -1233.9)"
-                                        xlinkHref="#G"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1891 -1236)"
-                                    xlinkHref="#H"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-                            id="F"
-                        />
-                        <path
-                            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-                            id="G"
-                        />
-                        <path
-                            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-                            id="H"
-                        />
-                    </defs>
+                    <path
+                        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <path
+                        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <polygon
+                        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+                    />
                 </svg>
             </div>
         </div>
@@ -2470,6 +2321,7 @@ Array [
   margin-top: 0.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;
@@ -2558,6 +2410,7 @@ Array [
   margin-top: 0.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;
@@ -2647,6 +2500,7 @@ Array [
   margin-top: 0.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;
@@ -3299,7 +3153,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="Y"
+                                htmlFor="k"
                             >
                                 Metadata
                                  key
@@ -3307,7 +3161,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="Y"
+                                id="k"
                                 onBlur={null}
                             />
                             <label
@@ -3334,7 +3188,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="Z"
+                                htmlFor="l"
                             >
                                 Metadata
                                  value
@@ -3342,7 +3196,7 @@ Array [
                             <textarea
                                 className="c15 c16"
                                 disabled={false}
-                                id="Z"
+                                id="l"
                                 onBlur={undefined}
                             />
                             <label
@@ -3396,40 +3250,24 @@ Array [
                         >
                             <svg
                                 className=""
-                                height="12"
+                                height="16"
                                 innerRef={undefined}
                                 style={
                                     Object {
                                         "transform": "rotate(0deg)",
                                       }
                                 }
-                                version="1.1"
-                                viewBox="0 0 9 12"
-                                width="9"
+                                viewBox="0 0 12 16"
+                                width="12"
                                 xmlns="http://www.w3.org/2000/svg"
-                                xmlnsXlink="http://www.w3.org/1999/xlink"
                             >
-                                <g
-                                    transform="translate(17403 -18583)"
-                                >
-                                    <g>
-                                        <use
-                                            fill="rgb(210, 67, 58)"
-                                            transform="translate(-17403 18583)"
-                                            xlinkHref="#j"
-                                        />
-                                    </g>
-                                </g>
-                                <defs>
-                                    <path
-                                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                                        fillRule="evenodd"
-                                        id="j"
-                                    />
-                                </defs>
+                                <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>
-                                Delete
+                                Remove
                             </span>
                         </button>
                     </div>
@@ -3508,6 +3346,7 @@ Array [
   margin-top: 0.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;
@@ -3596,6 +3435,7 @@ Array [
   margin-top: 0.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;
@@ -3685,6 +3525,7 @@ Array [
   margin-top: 0.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;
@@ -4337,7 +4178,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="a"
+                                htmlFor="m"
                             >
                                 Metadata
                                  key
@@ -4345,7 +4186,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="a"
+                                id="m"
                                 onBlur={null}
                             />
                             <label
@@ -4372,7 +4213,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="bb"
+                                htmlFor="n"
                             >
                                 Metadata
                                  value
@@ -4380,7 +4221,7 @@ Array [
                             <textarea
                                 className="c15 c16"
                                 disabled={false}
-                                id="bb"
+                                id="n"
                                 onBlur={undefined}
                             />
                             <label
@@ -4434,40 +4275,24 @@ Array [
                         >
                             <svg
                                 className=""
-                                height="12"
+                                height="16"
                                 innerRef={undefined}
                                 style={
                                     Object {
                                         "transform": "rotate(0deg)",
                                       }
                                 }
-                                version="1.1"
-                                viewBox="0 0 9 12"
-                                width="9"
+                                viewBox="0 0 12 16"
+                                width="12"
                                 xmlns="http://www.w3.org/2000/svg"
-                                xmlnsXlink="http://www.w3.org/1999/xlink"
                             >
-                                <g
-                                    transform="translate(17403 -18583)"
-                                >
-                                    <g>
-                                        <use
-                                            fill="rgb(210, 67, 58)"
-                                            transform="translate(-17403 18583)"
-                                            xlinkHref="#j"
-                                        />
-                                    </g>
-                                </g>
-                                <defs>
-                                    <path
-                                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                                        fillRule="evenodd"
-                                        id="j"
-                                    />
-                                </defs>
+                                <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>
-                                Delete
+                                Remove
                             </span>
                         </button>
                     </div>
@@ -4488,6 +4313,7 @@ exports[`renders <Metadata metadata=[] expanded /> 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;
@@ -4603,57 +4429,21 @@ Array [
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 11"
-                    width="18"
+                    viewBox="0 0 17.04 11"
+                    width="17.04"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1884 1236)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1884 -1233.9)"
-                                        xlinkHref="#F"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1896 -1233.9)"
-                                        xlinkHref="#G"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1891 -1236)"
-                                    xlinkHref="#H"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
-                            id="F"
-                        />
-                        <path
-                            d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
-                            id="G"
-                        />
-                        <path
-                            d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
-                            id="H"
-                        />
-                    </defs>
+                    <path
+                        d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <path
+                        d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
+                    <polygon
+                        points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
+                    />
                 </svg>
             </div>
         </div>
@@ -4834,6 +4624,7 @@ Array [
   margin-top: 0.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;
@@ -4922,6 +4713,7 @@ Array [
   margin-top: 0.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;
@@ -5011,6 +4803,7 @@ Array [
   margin-top: 0.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;
@@ -5663,7 +5456,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="bc"
+                                htmlFor="o"
                             >
                                 Metadata
                                  key
@@ -5671,7 +5464,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="bc"
+                                id="o"
                                 onBlur={null}
                             />
                             <label
@@ -5698,7 +5491,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="bd"
+                                htmlFor="p"
                             >
                                 Metadata
                                  value
@@ -5706,7 +5499,7 @@ Array [
                             <textarea
                                 className="c15 c16"
                                 disabled={false}
-                                id="bd"
+                                id="p"
                                 onBlur={undefined}
                             />
                             <label
@@ -5760,40 +5553,24 @@ Array [
                         >
                             <svg
                                 className=""
-                                height="12"
+                                height="16"
                                 innerRef={undefined}
                                 style={
                                     Object {
                                         "transform": "rotate(0deg)",
                                       }
                                 }
-                                version="1.1"
-                                viewBox="0 0 9 12"
-                                width="9"
+                                viewBox="0 0 12 16"
+                                width="12"
                                 xmlns="http://www.w3.org/2000/svg"
-                                xmlnsXlink="http://www.w3.org/1999/xlink"
                             >
-                                <g
-                                    transform="translate(17403 -18583)"
-                                >
-                                    <g>
-                                        <use
-                                            fill="rgb(210, 67, 58)"
-                                            transform="translate(-17403 18583)"
-                                            xlinkHref="#j"
-                                        />
-                                    </g>
-                                </g>
-                                <defs>
-                                    <path
-                                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                                        fillRule="evenodd"
-                                        id="j"
-                                    />
-                                </defs>
+                                <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>
-                                Delete
+                                Remove
                             </span>
                         </button>
                     </div>
@@ -5872,6 +5649,7 @@ Array [
   margin-top: 0.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;
@@ -5960,6 +5738,7 @@ Array [
   margin-top: 0.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;
@@ -6049,6 +5828,7 @@ Array [
   margin-top: 0.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;
@@ -6701,7 +6481,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="be"
+                                htmlFor="q"
                             >
                                 Metadata
                                  key
@@ -6709,7 +6489,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="be"
+                                id="q"
                                 onBlur={null}
                             />
                             <label
@@ -6736,7 +6516,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="bf"
+                                htmlFor="r"
                             >
                                 Metadata
                                  value
@@ -6744,7 +6524,7 @@ Array [
                             <textarea
                                 className="c15 c16"
                                 disabled={false}
-                                id="bf"
+                                id="r"
                                 onBlur={undefined}
                             />
                             <label
@@ -6798,40 +6578,24 @@ Array [
                         >
                             <svg
                                 className=""
-                                height="12"
+                                height="16"
                                 innerRef={undefined}
                                 style={
                                     Object {
                                         "transform": "rotate(0deg)",
                                       }
                                 }
-                                version="1.1"
-                                viewBox="0 0 9 12"
-                                width="9"
+                                viewBox="0 0 12 16"
+                                width="12"
                                 xmlns="http://www.w3.org/2000/svg"
-                                xmlnsXlink="http://www.w3.org/1999/xlink"
                             >
-                                <g
-                                    transform="translate(17403 -18583)"
-                                >
-                                    <g>
-                                        <use
-                                            fill="rgb(210, 67, 58)"
-                                            transform="translate(-17403 18583)"
-                                            xlinkHref="#j"
-                                        />
-                                    </g>
-                                </g>
-                                <defs>
-                                    <path
-                                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                                        fillRule="evenodd"
-                                        id="j"
-                                    />
-                                </defs>
+                                <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>
-                                Delete
+                                Remove
                             </span>
                         </button>
                     </div>
@@ -6898,6 +6662,7 @@ Array [
   margin-top: 0.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;
@@ -6985,6 +6750,7 @@ Array [
   margin-top: 0.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;
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap
index aeaa935d..1c5d8db3 100644
--- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap
@@ -4,6 +4,7 @@ exports[`renders <Networks /> 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;
@@ -112,36 +113,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="18"
+                    height="19.78"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 18"
-                    width="18"
+                    viewBox="0 0 19.78 19.78"
+                    width="19.78"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1105 710)"
-                    >
-                        <g>
-                            <use
-                                fill="rgba(73, 73, 73, 1)"
-                                transform="translate(1105 -710)"
-                                xlinkHref="#I"
-                            />
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-                            id="I"
-                        />
-                    </defs>
+                    <path
+                        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -175,6 +161,7 @@ exports[`renders <Networks loading /> 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;
@@ -283,36 +270,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="18"
+                    height="19.78"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 18"
-                    width="18"
+                    viewBox="0 0 19.78 19.78"
+                    width="19.78"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1105 710)"
-                    >
-                        <g>
-                            <use
-                                fill="rgba(73, 73, 73, 1)"
-                                transform="translate(1105 -710)"
-                                xlinkHref="#I"
-                            />
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-                            id="I"
-                        />
-                    </defs>
+                    <path
+                        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -345,6 +317,7 @@ exports[`renders <Networks loading expanded /> 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;
@@ -453,36 +426,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="18"
+                    height="19.78"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 18"
-                    width="18"
+                    viewBox="0 0 19.78 19.78"
+                    width="19.78"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1105 710)"
-                    >
-                        <g>
-                            <use
-                                fill="rgba(73, 73, 73, 1)"
-                                transform="translate(1105 -710)"
-                                xlinkHref="#I"
-                            />
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-                            id="I"
-                        />
-                    </defs>
+                    <path
+                        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -768,6 +726,7 @@ Array [
   margin-top: 0.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;
@@ -862,6 +821,7 @@ exports[`renders <Networks networks=[] /> 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;
@@ -970,36 +930,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="18"
+                    height="19.78"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 18"
-                    width="18"
+                    viewBox="0 0 19.78 19.78"
+                    width="19.78"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1105 710)"
-                    >
-                        <g>
-                            <use
-                                fill="rgba(73, 73, 73, 1)"
-                                transform="translate(1105 -710)"
-                                xlinkHref="#I"
-                            />
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-                            id="I"
-                        />
-                    </defs>
+                    <path
+                        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -1313,22 +1258,14 @@ Array [
                                                         className="c12"
                                                     >
                                                         <svg
-                                                            className=""
                                                             height="13"
-                                                            innerRef={undefined}
-                                                            style={
-                                                                Object {
-                                                                    "transform": "rotate(0deg)",
-                                                                  }
-                                                            }
                                                             viewBox="0 0 9 13"
                                                             width="9"
                                                             xmlns="http://www.w3.org/2000/svg"
                                                         >
                                                             <path
-                                                                d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                                                                d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                                                                 fill="rgba(73, 73, 73, 1)"
-                                                                fillRule="evenodd"
                                                             />
                                                         </svg>
                                                     </div>
@@ -1368,6 +1305,7 @@ exports[`renders <Networks networks=[] expanded /> 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;
@@ -1476,36 +1414,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="18"
+                    height="19.78"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 18"
-                    width="18"
+                    viewBox="0 0 19.78 19.78"
+                    width="19.78"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1105 710)"
-                    >
-                        <g>
-                            <use
-                                fill="rgba(73, 73, 73, 1)"
-                                transform="translate(1105 -710)"
-                                xlinkHref="#I"
-                            />
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-                            id="I"
-                        />
-                    </defs>
+                    <path
+                        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -1626,6 +1549,7 @@ Array [
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2504,7 +2428,7 @@ Array [
                                         checked={false}
                                         className="c8"
                                         disabled={false}
-                                        id="Y"
+                                        id="k"
                                         onBlur={undefined}
                                         type="checkbox"
                                     >
@@ -2512,13 +2436,13 @@ Array [
                                             checked={false}
                                             className="c9"
                                             disabled={false}
-                                            id="Z"
+                                            id="l"
                                             onBlur={undefined}
                                             type="checkbox"
                                         />
                                         <label
                                             className="c10"
-                                            htmlFor="Z"
+                                            htmlFor="l"
                                         />
                                     </div>
                                 </li>
@@ -2618,19 +2542,10 @@ Array [
                                                     className="c21"
                                                 >
                                                     <svg
-                                                        className=""
-                                                        height="17"
-                                                        innerRef={undefined}
-                                                        style={
-                                                            Object {
-                                                                "transform": "rotate(0deg)",
-                                                              }
-                                                        }
-                                                        version="1.1"
+                                                        height="16.2"
                                                         viewBox="0 0 16.2 16.2"
-                                                        width="17"
+                                                        width="16.2"
                                                         xmlns="http://www.w3.org/2000/svg"
-                                                        xmlnsXlink="http://www.w3.org/1999/xlink"
                                                     >
                                                         <path
                                                             d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
@@ -2695,14 +2610,13 @@ Array [
                                                         "transform": "rotate(0deg)",
                                                       }
                                                 }
-                                                viewBox="0 0 9 6"
-                                                width="9"
+                                                viewBox="0 0 9.6 6"
+                                                width="9.6"
                                                 xmlns="http://www.w3.org/2000/svg"
                                             >
                                                 <path
-                                                    d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                                                    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)"
-                                                    fillRule="evenodd"
                                                 />
                                             </svg>
                                         </div>
@@ -2752,7 +2666,7 @@ Array [
                                         checked={false}
                                         className="c8"
                                         disabled={false}
-                                        id="a"
+                                        id="m"
                                         onBlur={undefined}
                                         type="checkbox"
                                     >
@@ -2760,13 +2674,13 @@ Array [
                                             checked={false}
                                             className="c9"
                                             disabled={false}
-                                            id="bb"
+                                            id="n"
                                             onBlur={undefined}
                                             type="checkbox"
                                         />
                                         <label
                                             className="c10"
-                                            htmlFor="bb"
+                                            htmlFor="n"
                                         />
                                     </div>
                                 </li>
@@ -2866,22 +2780,14 @@ Array [
                                                     className="c21"
                                                 >
                                                     <svg
-                                                        className=""
                                                         height="13"
-                                                        innerRef={undefined}
-                                                        style={
-                                                            Object {
-                                                                "transform": "rotate(0deg)",
-                                                              }
-                                                        }
                                                         viewBox="0 0 9 13"
                                                         width="9"
                                                         xmlns="http://www.w3.org/2000/svg"
                                                     >
                                                         <path
-                                                            d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                                                            d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                                                             fill="rgba(73, 73, 73, 1)"
-                                                            fillRule="evenodd"
                                                         />
                                                     </svg>
                                                 </div>
@@ -2960,6 +2866,7 @@ Array [
   margin-top: 0.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;
@@ -3032,6 +2939,7 @@ exports[`renders <Networks networks=[] 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;
@@ -3140,36 +3048,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="18"
+                    height="19.78"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 18 18"
-                    width="18"
+                    viewBox="0 0 19.78 19.78"
+                    width="19.78"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1105 710)"
-                    >
-                        <g>
-                            <use
-                                fill="rgba(73, 73, 73, 1)"
-                                transform="translate(1105 -710)"
-                                xlinkHref="#I"
-                            />
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
-                            id="I"
-                        />
-                    </defs>
+                    <path
+                        d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -3512,22 +3405,14 @@ Array [
                                                         className="c12"
                                                     >
                                                         <svg
-                                                            className=""
                                                             height="13"
-                                                            innerRef={undefined}
-                                                            style={
-                                                                Object {
-                                                                    "transform": "rotate(0deg)",
-                                                                  }
-                                                            }
                                                             viewBox="0 0 9 13"
                                                             width="9"
                                                             xmlns="http://www.w3.org/2000/svg"
                                                         >
                                                             <path
-                                                                d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
+                                                                d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
                                                                 fill="rgba(73, 73, 73, 1)"
-                                                                fillRule="evenodd"
                                                             />
                                                         </svg>
                                                     </div>
@@ -3607,6 +3492,7 @@ Array [
   margin-top: 0.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;
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 1500ec3d..cda39565 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
@@ -4,6 +4,7 @@ exports[`renders <Tags /> 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;
@@ -112,51 +113,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="17"
+                    height="19"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 17 17"
-                    width="17"
+                    viewBox="0 0 19 19"
+                    width="19"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1885 974)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1885 -974)"
-                                        xlinkHref="#R"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1888 -971)"
-                                    xlinkHref="#S"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-                            id="R"
-                        />
-                        <path
-                            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-                            id="S"
-                        />
-                    </defs>
+                    <path
+                        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -183,6 +154,7 @@ exports[`renders <Tags addOpen expanded /> 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;
@@ -291,51 +263,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="17"
+                    height="19"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 17 17"
-                    width="17"
+                    viewBox="0 0 19 19"
+                    width="19"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1885 974)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1885 -974)"
-                                        xlinkHref="#R"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1888 -971)"
-                                    xlinkHref="#S"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-                            id="R"
-                        />
-                        <path
-                            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-                            id="S"
-                        />
-                    </defs>
+                    <path
+                        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -528,6 +470,7 @@ Array [
   margin-top: 0.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;
@@ -616,6 +559,7 @@ Array [
   margin-top: 0.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;
@@ -705,6 +649,7 @@ Array [
   margin-top: 0.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;
@@ -1333,7 +1278,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="Y"
+                                htmlFor="k"
                             >
                                 Tag
                                  key
@@ -1341,7 +1286,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="Y"
+                                id="k"
                                 onBlur={null}
                             />
                             <label
@@ -1363,7 +1308,7 @@ Array [
                         >
                             <label
                                 className="c11"
-                                htmlFor="Z"
+                                htmlFor="l"
                             >
                                 Tag
                                  value
@@ -1371,7 +1316,7 @@ Array [
                             <input
                                 className="c12"
                                 disabled={false}
-                                id="Z"
+                                id="l"
                                 onBlur={null}
                             />
                             <label
@@ -1421,40 +1366,24 @@ Array [
                         >
                             <svg
                                 className=""
-                                height="12"
+                                height="16"
                                 innerRef={undefined}
                                 style={
                                     Object {
                                         "transform": "rotate(0deg)",
                                       }
                                 }
-                                version="1.1"
-                                viewBox="0 0 9 12"
-                                width="9"
+                                viewBox="0 0 12 16"
+                                width="12"
                                 xmlns="http://www.w3.org/2000/svg"
-                                xmlnsXlink="http://www.w3.org/1999/xlink"
                             >
-                                <g
-                                    transform="translate(17403 -18583)"
-                                >
-                                    <g>
-                                        <use
-                                            fill="rgb(210, 67, 58)"
-                                            transform="translate(-17403 18583)"
-                                            xlinkHref="#j"
-                                        />
-                                    </g>
-                                </g>
-                                <defs>
-                                    <path
-                                        d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                                        fillRule="evenodd"
-                                        id="j"
-                                    />
-                                </defs>
+                                <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>
-                                Delete
+                                Remove
                             </span>
                         </button>
                     </div>
@@ -1521,6 +1450,7 @@ Array [
   margin-top: 0.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;
@@ -1608,6 +1538,7 @@ Array [
   margin-top: 0.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;
@@ -1689,6 +1620,7 @@ exports[`renders <Tags expanded /> 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;
@@ -1797,51 +1729,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="17"
+                    height="19"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 17 17"
-                    width="17"
+                    viewBox="0 0 19 19"
+                    width="19"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1885 974)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1885 -974)"
-                                        xlinkHref="#R"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1888 -971)"
-                                    xlinkHref="#S"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-                            id="R"
-                        />
-                        <path
-                            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-                            id="S"
-                        />
-                    </defs>
+                    <path
+                        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -2034,6 +1936,7 @@ Array [
   margin-top: 0.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;
@@ -2121,6 +2024,7 @@ Array [
   margin-top: 0.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;
@@ -2202,6 +2106,7 @@ exports[`renders <Tags metadata=[] /> 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;
@@ -2310,51 +2215,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="17"
+                    height="19"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 17 17"
-                    width="17"
+                    viewBox="0 0 19 19"
+                    width="19"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1885 974)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1885 -974)"
-                                        xlinkHref="#R"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1888 -971)"
-                                    xlinkHref="#S"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-                            id="R"
-                        />
-                        <path
-                            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-                            id="S"
-                        />
-                    </defs>
+                    <path
+                        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -2381,6 +2256,7 @@ exports[`renders <Tags metadata=[] expanded /> 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;
@@ -2489,51 +2365,21 @@ Array [
             >
                 <svg
                     className=""
-                    height="17"
+                    height="19"
                     innerRef={undefined}
                     style={
                         Object {
                             "transform": "rotate(0deg)",
                           }
                     }
-                    version="1.1"
-                    viewBox="0 0 17 17"
-                    width="17"
+                    viewBox="0 0 19 19"
+                    width="19"
                     xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                    <g
-                        transform="translate(-1885 974)"
-                    >
-                        <g>
-                            <g>
-                                <g>
-                                    <use
-                                        fill="rgba(73, 73, 73, 1)"
-                                        transform="translate(1885 -974)"
-                                        xlinkHref="#R"
-                                    />
-                                </g>
-                            </g>
-                            <g>
-                                <use
-                                    fill="rgba(73, 73, 73, 1)"
-                                    transform="translate(1888 -971)"
-                                    xlinkHref="#S"
-                                />
-                            </g>
-                        </g>
-                    </g>
-                    <defs>
-                        <path
-                            d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
-                            id="R"
-                        />
-                        <path
-                            d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
-                            id="S"
-                        />
-                    </defs>
+                    <path
+                        d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
+                        fill="rgba(73, 73, 73, 1)"
+                    />
                 </svg>
             </div>
         </div>
@@ -2726,6 +2572,7 @@ Array [
   margin-top: 0.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;
@@ -2813,6 +2660,7 @@ Array [
   margin-top: 0.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;
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
new file mode 100644
index 00000000..6fe20ee4
--- /dev/null
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap
@@ -0,0 +1,7827 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders <UserScript /> 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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    onClick={undefined}
+>
+    <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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c19 {
+  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;
+}
+
+.c19::-moz-focus-inner,
+.c19[type='button']::-moz-focus-inner,
+.c19[type='reset']::-moz-focus-inner,
+.c19[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c19:-moz-focusring,
+.c19[type='button']:-moz-focusring,
+.c19[type='reset']:-moz-focusring,
+.c19[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c19 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  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%;
+}
+
+.c18 {
+  display: inline-block;
+}
+
+.c17 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c17:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c17:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c17[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c17:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c17:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c20:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c22:focus {
+  outline: 0;
+  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);
+}
+
+.c22:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+}
+
+.c22:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(210,67,58);
+}
+
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(210,67,58);
+}
+
+.c22 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c22 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  float: right;
+  font-size: 0.8125rem;
+  float: none;
+  margin-left: 1.75rem;
+}
+
+.c8 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c16 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c9 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c21 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c5 {
+  color: rgba(73,73,73,1);
+  font-weight: 600;
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c5 + p,
+.c5 + small,
+.c5 + h1,
+.c5 + h2,
+.c5 + label,
+.c5 + h3,
+.c5 + h4,
+.c5 + h5,
+.c5 + div,
+.c5 + span {
+  margin-top: 0.75rem;
+}
+
+.c15 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c23 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.8125rem;
+}
+
+.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;
+}
+
+.c4 {
+  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;
+}
+
+.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);
+  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;
+}
+
+.c6 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c6 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c10 {
+  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%;
+}
+
+.c13 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c13::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:invalid {
+  box-shadow: none;
+}
+
+.c13:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c13:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c3 {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.c7 {
+  padding: 1rem;
+}
+
+.c2 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c9 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    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"
+                    disabled={false}
+                    name="card-header-meta"
+                >
+                    <h4
+                        className="c5"
+                    >
+                        Add user script
+                    </h4>
+                </div>
+            </div>
+        </div>
+        <div
+            className="c6"
+            name="card-outlet"
+        >
+            <div
+                className="c7"
+            >
+                <div
+                    className="c8"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c10"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c11"
+                                htmlFor="k"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <textarea
+                                className="c12 c13"
+                                disabled={false}
+                                id="k"
+                                onBlur={undefined}
+                            />
+                            <label
+                                className="c14"
+                            />
+                        </div>
+                        <div
+                            className="c15 c8"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c16"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <button
+                            className="c17 c18 c19"
+                            disabled={false}
+                            href=""
+                            onClick={[Function]}
+                            type="button"
+                        >
+                            <span>
+                                Cancel
+                            </span>
+                        </button>
+                        <button
+                            className="c20 c18 c19"
+                            disabled={true}
+                            href=""
+                            type="submit"
+                        >
+                            <span>
+                                Create
+                            </span>
+                        </button>
+                    </div>
+                    <div
+                        className="c21"
+                    >
+                        <button
+                            className="c22 c18 c19"
+                            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
+        className="c23 c8"
+        height="0.8125rem"
+    />
+</form>,
+  <div />,
+]
+`;
+
+exports[`renders <UserScript expanded /> 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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    onClick={undefined}
+>
+    <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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c3 {
+  color: rgba(73,73,73,1);
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c3 + p,
+.c3 + small,
+.c3 + h1,
+.c3 + h2,
+.c3 + label,
+.c3 + h3,
+.c3 + h4,
+.c3 + h5,
+.c3 + div,
+.c3 + span {
+  padding-bottom: 2.25rem;
+}
+
+.c0 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c1 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c2 {
+  margin-bottom: 1rem;
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 66.66666666666667%;
+    -ms-flex-preferred-size: 66.66666666666667%;
+    flex-basis: 66.66666666666667%;
+    max-width: 66.66666666666667%;
+    display: block;
+  }
+}
+
+<div
+    className="c0"
+>
+    <div
+        className="c1"
+    >
+        <div
+            className="c2"
+        >
+            <p
+                className="c3"
+            >
+                User script can be used to inject a custom boot script.
+            </p>
+        </div>
+    </div>
+</div>,
+  .c19 {
+  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;
+}
+
+.c19::-moz-focus-inner,
+.c19[type='button']::-moz-focus-inner,
+.c19[type='reset']::-moz-focus-inner,
+.c19[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c19:-moz-focusring,
+.c19[type='button']:-moz-focusring,
+.c19[type='reset']:-moz-focusring,
+.c19[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c19 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  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%;
+}
+
+.c18 {
+  display: inline-block;
+}
+
+.c17 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c17:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c17:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c17[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c17:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c17:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c20:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c22:focus {
+  outline: 0;
+  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);
+}
+
+.c22:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+}
+
+.c22:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(210,67,58);
+}
+
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(210,67,58);
+}
+
+.c22 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c22 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  float: right;
+  font-size: 0.8125rem;
+  float: none;
+  margin-left: 1.75rem;
+}
+
+.c8 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c16 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c9 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c21 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c5 {
+  color: rgba(73,73,73,1);
+  font-weight: 600;
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c5 + p,
+.c5 + small,
+.c5 + h1,
+.c5 + h2,
+.c5 + label,
+.c5 + h3,
+.c5 + h4,
+.c5 + h5,
+.c5 + div,
+.c5 + span {
+  margin-top: 0.75rem;
+}
+
+.c15 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c23 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.8125rem;
+}
+
+.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;
+}
+
+.c4 {
+  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;
+}
+
+.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);
+  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;
+}
+
+.c6 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c6 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c10 {
+  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%;
+}
+
+.c13 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c13::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:invalid {
+  box-shadow: none;
+}
+
+.c13:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c13:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c3 {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.c7 {
+  padding: 1rem;
+}
+
+.c2 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c9 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    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"
+                    disabled={false}
+                    name="card-header-meta"
+                >
+                    <h4
+                        className="c5"
+                    >
+                        Add user script
+                    </h4>
+                </div>
+            </div>
+        </div>
+        <div
+            className="c6"
+            name="card-outlet"
+        >
+            <div
+                className="c7"
+            >
+                <div
+                    className="c8"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c10"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c11"
+                                htmlFor="m"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <textarea
+                                className="c12 c13"
+                                disabled={false}
+                                id="m"
+                                onBlur={undefined}
+                            />
+                            <label
+                                className="c14"
+                            />
+                        </div>
+                        <div
+                            className="c15 c8"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c16"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <button
+                            className="c17 c18 c19"
+                            disabled={false}
+                            href=""
+                            onClick={[Function]}
+                            type="button"
+                        >
+                            <span>
+                                Cancel
+                            </span>
+                        </button>
+                        <button
+                            className="c20 c18 c19"
+                            disabled={true}
+                            href=""
+                            type="submit"
+                        >
+                            <span>
+                                Create
+                            </span>
+                        </button>
+                    </div>
+                    <div
+                        className="c21"
+                    >
+                        <button
+                            className="c22 c18 c19"
+                            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
+        className="c23 c8"
+        height="0.8125rem"
+    />
+</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 {
+  margin-left: 0.375rem;
+}
+
+.c2 {
+  display: inline-block;
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
+.c1:focus {
+  outline: 0;
+  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;
+}
+
+.c1:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c1:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c1:active,
+.c1:active:hover,
+.c1:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c4 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
+.c4:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c4:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c4:active,
+.c4:active:hover,
+.c4:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c4[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c0 {
+  margin-top: 0;
+  margin-bottom: 4rem;
+}
+
+<div>
+    <div
+        className="c0"
+    >
+        <button
+            className="c1 c2 c3"
+            href=""
+            onClick={[Function]}
+            type="button"
+        >
+            Add User Script
+        </button>
+        <button
+            className="c4 c2 c3"
+            href=""
+            onClick={undefined}
+            type="submit"
+        >
+            Next
+        </button>
+    </div>
+</div>,
+]
+`;
+
+exports[`renders <UserScript expanded create /> 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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    onClick={undefined}
+>
+    <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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c3 {
+  color: rgba(73,73,73,1);
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c3 + p,
+.c3 + small,
+.c3 + h1,
+.c3 + h2,
+.c3 + label,
+.c3 + h3,
+.c3 + h4,
+.c3 + h5,
+.c3 + div,
+.c3 + span {
+  padding-bottom: 2.25rem;
+}
+
+.c0 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c1 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c2 {
+  margin-bottom: 1rem;
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 66.66666666666667%;
+    -ms-flex-preferred-size: 66.66666666666667%;
+    flex-basis: 66.66666666666667%;
+    max-width: 66.66666666666667%;
+    display: block;
+  }
+}
+
+<div
+    className="c0"
+>
+    <div
+        className="c1"
+    >
+        <div
+            className="c2"
+        >
+            <p
+                className="c3"
+            >
+                User script can be used to inject a custom boot script.
+            </p>
+        </div>
+    </div>
+</div>,
+  .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 {
+  margin-left: 0.375rem;
+}
+
+.c2 {
+  display: inline-block;
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
+.c1:focus {
+  outline: 0;
+  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;
+}
+
+.c1:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c1:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c1:active,
+.c1:active:hover,
+.c1:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c4 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
+.c4:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c4:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c4:active,
+.c4:active:hover,
+.c4:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c4[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c0 {
+  margin-top: 0;
+  margin-bottom: 4rem;
+}
+
+<div>
+    <div
+        className="c0"
+    >
+        <button
+            className="c1 c2 c3"
+            href=""
+            onClick={[Function]}
+            type="button"
+        >
+            Add User Script
+        </button>
+        <button
+            className="c4 c2 c3"
+            href=""
+            onClick={undefined}
+            type="submit"
+        >
+            Next
+        </button>
+    </div>
+</div>,
+]
+`;
+
+exports[`renders <UserScript expanded create formOpen /> 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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    onClick={undefined}
+>
+    <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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c3 {
+  color: rgba(73,73,73,1);
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c3 + p,
+.c3 + small,
+.c3 + h1,
+.c3 + h2,
+.c3 + label,
+.c3 + h3,
+.c3 + h4,
+.c3 + h5,
+.c3 + div,
+.c3 + span {
+  padding-bottom: 2.25rem;
+}
+
+.c0 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c1 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c2 {
+  margin-bottom: 1rem;
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 66.66666666666667%;
+    -ms-flex-preferred-size: 66.66666666666667%;
+    flex-basis: 66.66666666666667%;
+    max-width: 66.66666666666667%;
+    display: block;
+  }
+}
+
+<div
+    className="c0"
+>
+    <div
+        className="c1"
+    >
+        <div
+            className="c2"
+        >
+            <p
+                className="c3"
+            >
+                User script can be used to inject a custom boot script.
+            </p>
+        </div>
+    </div>
+</div>,
+  .c19 {
+  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;
+}
+
+.c19::-moz-focus-inner,
+.c19[type='button']::-moz-focus-inner,
+.c19[type='reset']::-moz-focus-inner,
+.c19[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c19:-moz-focusring,
+.c19[type='button']:-moz-focusring,
+.c19[type='reset']:-moz-focusring,
+.c19[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c19 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  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%;
+}
+
+.c18 {
+  display: inline-block;
+}
+
+.c17 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c17:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c17:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c17[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c17:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c17:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c20:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c22:focus {
+  outline: 0;
+  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);
+}
+
+.c22:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+}
+
+.c22:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(210,67,58);
+}
+
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(210,67,58);
+}
+
+.c22 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c22 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  float: right;
+  font-size: 0.8125rem;
+  float: none;
+  margin-left: 1.75rem;
+}
+
+.c8 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c16 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c9 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c21 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c5 {
+  color: rgba(73,73,73,1);
+  font-weight: 600;
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c5 + p,
+.c5 + small,
+.c5 + h1,
+.c5 + h2,
+.c5 + label,
+.c5 + h3,
+.c5 + h4,
+.c5 + h5,
+.c5 + div,
+.c5 + span {
+  margin-top: 0.75rem;
+}
+
+.c15 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c23 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.8125rem;
+}
+
+.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;
+}
+
+.c4 {
+  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;
+}
+
+.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);
+  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;
+}
+
+.c6 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c6 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c10 {
+  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%;
+}
+
+.c13 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c13::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:invalid {
+  box-shadow: none;
+}
+
+.c13:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c13:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c3 {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.c7 {
+  padding: 1rem;
+}
+
+.c2 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c9 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    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"
+                    disabled={false}
+                    name="card-header-meta"
+                >
+                    <h4
+                        className="c5"
+                    >
+                        Add user script
+                    </h4>
+                </div>
+            </div>
+        </div>
+        <div
+            className="c6"
+            name="card-outlet"
+        >
+            <div
+                className="c7"
+            >
+                <div
+                    className="c8"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c10"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c11"
+                                htmlFor="n"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <textarea
+                                className="c12 c13"
+                                disabled={false}
+                                id="n"
+                                onBlur={undefined}
+                            />
+                            <label
+                                className="c14"
+                            />
+                        </div>
+                        <div
+                            className="c15 c8"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c16"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <button
+                            className="c17 c18 c19"
+                            disabled={false}
+                            href=""
+                            onClick={[Function]}
+                            type="button"
+                        >
+                            <span>
+                                Cancel
+                            </span>
+                        </button>
+                        <button
+                            className="c20 c18 c19"
+                            disabled={true}
+                            href=""
+                            type="submit"
+                        >
+                            <span>
+                                Create
+                            </span>
+                        </button>
+                    </div>
+                    <div
+                        className="c21"
+                    >
+                        <button
+                            className="c22 c18 c19"
+                            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
+        className="c23 c8"
+        height="0.8125rem"
+    />
+</form>,
+  .c0 {
+  margin-top: 0.25rem;
+  margin-bottom: 4rem;
+}
+
+<div>
+    <div
+        className="c0"
+    />
+</div>,
+]
+`;
+
+exports[`renders <UserScript expanded edit formOpen /> 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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    onClick={undefined}
+>
+    <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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c3 {
+  color: rgba(73,73,73,1);
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c3 + p,
+.c3 + small,
+.c3 + h1,
+.c3 + h2,
+.c3 + label,
+.c3 + h3,
+.c3 + h4,
+.c3 + h5,
+.c3 + div,
+.c3 + span {
+  padding-bottom: 2.25rem;
+}
+
+.c0 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c1 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c2 {
+  margin-bottom: 1rem;
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 66.66666666666667%;
+    -ms-flex-preferred-size: 66.66666666666667%;
+    flex-basis: 66.66666666666667%;
+    max-width: 66.66666666666667%;
+    display: block;
+  }
+}
+
+<div
+    className="c0"
+>
+    <div
+        className="c1"
+    >
+        <div
+            className="c2"
+        >
+            <p
+                className="c3"
+            >
+                User script can be used to inject a custom boot script.
+            </p>
+        </div>
+    </div>
+</div>,
+  .c20 {
+  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;
+}
+
+.c20::-moz-focus-inner,
+.c20[type='button']::-moz-focus-inner,
+.c20[type='reset']::-moz-focus-inner,
+.c20[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c20:-moz-focusring,
+.c20[type='button']:-moz-focusring,
+.c20[type='reset']:-moz-focusring,
+.c20[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c20 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  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%;
+}
+
+.c19 {
+  display: inline-block;
+}
+
+.c18 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c18:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c18:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c18:active,
+.c18:active:hover,
+.c18:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c18[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c18:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c18:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c18:active,
+.c18:active:hover,
+.c18:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c21:focus {
+  outline: 0;
+  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(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c21:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c23:focus {
+  outline: 0;
+  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);
+}
+
+.c23:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+}
+
+.c23:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(210,67,58);
+}
+
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(210,67,58);
+}
+
+.c23 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c23 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  float: right;
+  font-size: 0.8125rem;
+  float: none;
+  margin-left: 1.75rem;
+}
+
+.c8 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c16 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c9 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c17 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c22 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c15 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c24 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.8125rem;
+}
+
+.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);
+}
+
+.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);
+  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;
+}
+
+.c6 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c6 > [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;
+}
+
+.c4 {
+  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;
+}
+
+.c10 {
+  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%;
+}
+
+.c13 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c13::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:invalid {
+  box-shadow: none;
+}
+
+.c13:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c13:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c3 {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.c7 {
+  padding: 1rem;
+}
+
+.c5 {
+  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;
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c9 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c17 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c22 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+    display: block;
+  }
+}
+
+<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"
+                    disabled={false}
+                    name="card-header-meta"
+                >
+                    <div
+                        className="c5"
+                    />
+                </div>
+            </div>
+        </div>
+        <div
+            className="c6"
+            name="card-outlet"
+        >
+            <div
+                className="c7"
+            >
+                <div
+                    className="c8"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c10"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c11"
+                                htmlFor="o"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <textarea
+                                className="c12 c13"
+                                disabled={false}
+                                id="o"
+                                onBlur={undefined}
+                            />
+                            <label
+                                className="c14"
+                            />
+                        </div>
+                        <div
+                            className="c15 c8"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c16"
+                >
+                    <div
+                        className="c17"
+                    >
+                        <button
+                            className="c18 c19 c20"
+                            disabled={false}
+                            href=""
+                            onClick={[Function]}
+                            type="button"
+                        >
+                            <span>
+                                Cancel
+                            </span>
+                        </button>
+                        <button
+                            className="c21 c19 c20"
+                            disabled={true}
+                            href=""
+                            type="submit"
+                        >
+                            <span>
+                                Save
+                            </span>
+                        </button>
+                    </div>
+                    <div
+                        className="c22"
+                    >
+                        <button
+                            className="c23 c19 c20"
+                            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
+        className="c24 c8"
+        height="0.8125rem"
+    />
+</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 {
+  margin-left: 0.375rem;
+}
+
+.c2 {
+  display: inline-block;
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+  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: 0.25rem;
+  margin-bottom: 4rem;
+}
+
+<div>
+    <div
+        className="c0"
+    >
+        <button
+            className="c1 c2 c3"
+            href=""
+            onClick={undefined}
+            type="submit"
+        >
+            Next
+        </button>
+    </div>
+</div>,
+]
+`;
+
+exports[`renders <UserScript expanded edit formOpen script /> 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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    onClick={undefined}
+>
+    <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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c3 {
+  color: rgba(73,73,73,1);
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c3 + p,
+.c3 + small,
+.c3 + h1,
+.c3 + h2,
+.c3 + label,
+.c3 + h3,
+.c3 + h4,
+.c3 + h5,
+.c3 + div,
+.c3 + span {
+  padding-bottom: 2.25rem;
+}
+
+.c0 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c1 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c2 {
+  margin-bottom: 1rem;
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 66.66666666666667%;
+    -ms-flex-preferred-size: 66.66666666666667%;
+    flex-basis: 66.66666666666667%;
+    max-width: 66.66666666666667%;
+    display: block;
+  }
+}
+
+<div
+    className="c0"
+>
+    <div
+        className="c1"
+    >
+        <div
+            className="c2"
+        >
+            <p
+                className="c3"
+            >
+                User script can be used to inject a custom boot script.
+            </p>
+        </div>
+    </div>
+</div>,
+  .c20 {
+  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;
+}
+
+.c20::-moz-focus-inner,
+.c20[type='button']::-moz-focus-inner,
+.c20[type='reset']::-moz-focus-inner,
+.c20[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c20:-moz-focusring,
+.c20[type='button']:-moz-focusring,
+.c20[type='reset']:-moz-focusring,
+.c20[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c20 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  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%;
+}
+
+.c19 {
+  display: inline-block;
+}
+
+.c18 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c18:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c18:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c18:active,
+.c18:active:hover,
+.c18:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c18[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c18:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c18:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c18:active,
+.c18:active:hover,
+.c18:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c21:focus {
+  outline: 0;
+  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(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c21:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c23:focus {
+  outline: 0;
+  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);
+}
+
+.c23:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+}
+
+.c23:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(210,67,58);
+}
+
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(210,67,58);
+}
+
+.c23 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c23 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  float: right;
+  font-size: 0.8125rem;
+  float: none;
+  margin-left: 1.75rem;
+}
+
+.c8 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c16 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c9 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c17 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c22 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c15 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c24 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.8125rem;
+}
+
+.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);
+}
+
+.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);
+  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;
+}
+
+.c6 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c6 > [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;
+}
+
+.c4 {
+  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;
+}
+
+.c10 {
+  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%;
+}
+
+.c13 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c13::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:invalid {
+  box-shadow: none;
+}
+
+.c13:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c13:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c3 {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.c7 {
+  padding: 1rem;
+}
+
+.c5 {
+  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;
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c9 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c17 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c22 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+    display: block;
+  }
+}
+
+<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"
+                    disabled={false}
+                    name="card-header-meta"
+                >
+                    <div
+                        className="c5"
+                    />
+                </div>
+            </div>
+        </div>
+        <div
+            className="c6"
+            name="card-outlet"
+        >
+            <div
+                className="c7"
+            >
+                <div
+                    className="c8"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c10"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c11"
+                                htmlFor="p"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <textarea
+                                className="c12 c13"
+                                disabled={false}
+                                id="p"
+                                onBlur={undefined}
+                            />
+                            <label
+                                className="c14"
+                            />
+                        </div>
+                        <div
+                            className="c15 c8"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c16"
+                >
+                    <div
+                        className="c17"
+                    >
+                        <button
+                            className="c18 c19 c20"
+                            disabled={false}
+                            href=""
+                            onClick={[Function]}
+                            type="button"
+                        >
+                            <span>
+                                Cancel
+                            </span>
+                        </button>
+                        <button
+                            className="c21 c19 c20"
+                            disabled={true}
+                            href=""
+                            type="submit"
+                        >
+                            <span>
+                                Save
+                            </span>
+                        </button>
+                    </div>
+                    <div
+                        className="c22"
+                    >
+                        <button
+                            className="c23 c19 c20"
+                            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
+        className="c24 c8"
+        height="0.8125rem"
+    />
+</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 {
+  margin-left: 0.375rem;
+}
+
+.c2 {
+  display: inline-block;
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+  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: 0.25rem;
+  margin-bottom: 4rem;
+}
+
+<div>
+    <div
+        className="c0"
+    >
+        <button
+            className="c1 c2 c3"
+            href=""
+            onClick={undefined}
+            type="submit"
+        >
+            Next
+        </button>
+    </div>
+</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;
+}
+
+.c7 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c6 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c1 {
+  margin-right: 0.25rem;
+}
+
+.c5 {
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+}
+
+.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%;
+}
+
+.c4 + div:empty,
+.c4 + form:empty {
+  margin-bottom: 2.5rem;
+}
+
+<div
+    className=""
+    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 c5"
+    >
+        <div
+            className="c6 c7"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+  .c19 {
+  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;
+}
+
+.c19::-moz-focus-inner,
+.c19[type='button']::-moz-focus-inner,
+.c19[type='reset']::-moz-focus-inner,
+.c19[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c19:-moz-focusring,
+.c19[type='button']:-moz-focusring,
+.c19[type='reset']:-moz-focusring,
+.c19[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c19 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  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%;
+}
+
+.c18 {
+  display: inline-block;
+}
+
+.c17 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c17:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c17:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c17[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c17:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c17:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c17:active,
+.c17:active:hover,
+.c17:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c20:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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;
+}
+
+.c22:focus {
+  outline: 0;
+  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);
+}
+
+.c22:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+}
+
+.c22:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(210,67,58);
+}
+
+.c22:active,
+.c22:active:hover,
+.c22:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(210,67,58);
+}
+
+.c22 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c22 svg {
+  max-height: 1.125rem;
+}
+
+.c11 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  float: right;
+  font-size: 0.8125rem;
+  float: none;
+  margin-left: 1.75rem;
+}
+
+.c8 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c16 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c9 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c21 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.c5 {
+  color: rgba(73,73,73,1);
+  font-weight: 600;
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c5 + p,
+.c5 + small,
+.c5 + h1,
+.c5 + h2,
+.c5 + label,
+.c5 + h3,
+.c5 + h4,
+.c5 + h5,
+.c5 + div,
+.c5 + span {
+  margin-top: 0.75rem;
+}
+
+.c15 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.75rem;
+}
+
+.c23 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 0.8125rem;
+}
+
+.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;
+}
+
+.c4 {
+  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;
+}
+
+.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);
+  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;
+}
+
+.c6 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c6 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c10 {
+  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%;
+}
+
+.c13 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 6rem;
+  min-height: 6rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  width: 100%;
+  text-overflow: ellipsis;
+  resize: vertical;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c13::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:invalid {
+  box-shadow: none;
+}
+
+.c13:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c13:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c13:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c3 {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.c7 {
+  padding: 1rem;
+}
+
+.c2 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c16 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c9 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+    display: block;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c21 {
+    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"
+                    disabled={false}
+                    name="card-header-meta"
+                >
+                    <h4
+                        className="c5"
+                    >
+                        Add user script
+                    </h4>
+                </div>
+            </div>
+        </div>
+        <div
+            className="c6"
+            name="card-outlet"
+        >
+            <div
+                className="c7"
+            >
+                <div
+                    className="c8"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <div
+                            className="baseline-jVaZNU kXgQxt c10"
+                            name="value"
+                            role="group"
+                            style={undefined}
+                        >
+                            <label
+                                className="c11"
+                                htmlFor="l"
+                            >
+                                User Script
+                                 value
+                            </label>
+                            <textarea
+                                className="c12 c13"
+                                disabled={false}
+                                id="l"
+                                onBlur={undefined}
+                            />
+                            <label
+                                className="c14"
+                            />
+                        </div>
+                        <div
+                            className="c15 c8"
+                            height="0.75rem"
+                        />
+                    </div>
+                </div>
+                <div
+                    className="c16"
+                >
+                    <div
+                        className="c9"
+                    >
+                        <button
+                            className="c17 c18 c19"
+                            disabled={false}
+                            href=""
+                            onClick={[Function]}
+                            type="button"
+                        >
+                            <span>
+                                Cancel
+                            </span>
+                        </button>
+                        <button
+                            className="c20 c18 c19"
+                            disabled={true}
+                            href=""
+                            type="submit"
+                        >
+                            <span>
+                                Create
+                            </span>
+                        </button>
+                    </div>
+                    <div
+                        className="c21"
+                    >
+                        <button
+                            className="c22 c18 c19"
+                            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
+        className="c23 c8"
+        height="0.8125rem"
+    />
+</form>,
+  .c2 {
+  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;
+}
+
+.c2::-moz-focus-inner,
+.c2[type='button']::-moz-focus-inner,
+.c2[type='reset']::-moz-focus-inner,
+.c2[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c2:-moz-focusring,
+.c2[type='button']:-moz-focusring,
+.c2[type='reset']:-moz-focusring,
+.c2[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c2 + button {
+  margin-left: 0.375rem;
+}
+
+.c1 {
+  display: inline-block;
+}
+
+.c0 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+}
+
+.c0:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c0:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c0:active,
+.c0:active:hover,
+.c0:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c0[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c0:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c0:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c0:active,
+.c0:active:hover,
+.c0:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c5 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 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.5rem;
+  margin-left: -0.5rem;
+}
+
+.c4 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.c3 {
+  margin-top: 2rem;
+}
+
+<div>
+    <button
+        className="c0 c1 c2"
+        href=""
+        onClick={undefined}
+        type="button"
+    >
+        Edit
+    </button>
+    <div
+        className="c3"
+    >
+        <div
+            className="c4 c5"
+            height="0.0625rem"
+        />
+    </div>
+</div>,
+]
+`;
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.spec.js b/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.spec.js
new file mode 100644
index 00000000..b8e6e2ae
--- /dev/null
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.spec.js
@@ -0,0 +1,92 @@
+/* eslint-disable camelcase */
+
+import React from 'react';
+import renderer from 'react-test-renderer';
+import 'jest-styled-components';
+
+import Theme from '@mocks/theme';
+import { UserScript } from '../user-script';
+
+it('renders <UserScript /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <UserScript proceeded /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript proceeded />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <UserScript expanded /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript expanded />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <UserScript expanded create /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript expanded create />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <UserScript expanded create formOpen /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript expanded create formOpen />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <UserScript expanded edit formOpen /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript expanded edit formOpen />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <UserScript expanded edit formOpen script /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <UserScript expanded edit formOpen script={{ value: 'hey' }}/>
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
diff --git a/packages/my-joy-beta/src/containers/create-instance/index.js b/packages/my-joy-beta/src/containers/create-instance/index.js
index f2f58caa..e4b713c6 100644
--- a/packages/my-joy-beta/src/containers/create-instance/index.js
+++ b/packages/my-joy-beta/src/containers/create-instance/index.js
@@ -20,6 +20,7 @@ import Image from '@containers/create-instance/image';
 import Package from '@containers/create-instance/package';
 import Tags from '@containers/create-instance/tags';
 import Metadata from '@containers/create-instance/metadata';
+import UserScript from '@containers/create-instance/user-script';
 import Networks from '@containers/create-instance/networks';
 import Firewall from '@containers/create-instance/firewall';
 import CNS from '@containers/create-instance/cns';
@@ -53,6 +54,13 @@ const CreateInstance = ({ step, disabled, handleSubmit, history, match }) => (
         expanded={step === 'metadata'}
       />
     </Margin>
+    <Margin bottom={4}>
+      <UserScript
+        history={history}
+        match={match}
+        expanded={step === 'user-script'}
+      />
+    </Margin>
     <Margin bottom={4}>
       <Networks
         history={history}
@@ -93,13 +101,15 @@ const CreateInstance = ({ step, disabled, handleSubmit, history, match }) => (
 
 export default compose(
   graphql(CreateInstanceMutation, { name: 'createInstance' }),
-  connect(({ form, values }, { step }) => {
+  connect(({ form, values }, { match }) => {
+    const step = get(match, 'params.step', 'name');
+
     const disabled = ['name', 'image', 'package', 'networks'].some(
       step => !get(values, `create-instance-${step}-proceeded`, false)
     );
 
     if (disabled) {
-      return { disabled };
+      return { disabled, step };
     }
 
     const name = get(
@@ -133,6 +143,7 @@ export default compose(
     const affinity = get(values, 'create-instance-affinity', []);
     const cns = get(values, 'create-instance-cns-enabled', true);
     const cnsServices = get(values, 'create-instance-cns-services', null);
+    const userScript = get(values, 'create-instance-user-script', {});
 
     const tags = receivedTags.map(a => omit(a, 'expanded'));
 
@@ -149,10 +160,12 @@ export default compose(
       image,
       affinity,
       metadata,
+      userScript,
       tags,
       firewall_enabled,
       networks,
-      disabled
+      disabled,
+      step
     };
   }),
   connect(null, (dispatch, ownProps) => {
@@ -162,6 +175,7 @@ export default compose(
       image,
       affinity,
       metadata,
+      userScript,
       tags,
       firewall_enabled,
       networks,
@@ -207,12 +221,16 @@ export default compose(
             };
           });
 
+        const _name = name.toLowerCase();
         const _metadata = metadata.map(a => omit(a, 'expanded'));
         const _tags = uniqBy(tags, 'name');
         const _networks = Object.keys(networks).filter(
           network => networks[network]
         );
-        const _name = name.toLowerCase();
+
+        if (userScript && userScript.value) {
+          _metadata.push({ name: 'user-script', value: userScript.value });
+        }
 
         const [err, res] = await intercept(
           createInstance({
diff --git a/packages/my-joy-beta/src/containers/create-instance/metadata.js b/packages/my-joy-beta/src/containers/create-instance/metadata.js
index 845982b7..1fd3b58a 100644
--- a/packages/my-joy-beta/src/containers/create-instance/metadata.js
+++ b/packages/my-joy-beta/src/containers/create-instance/metadata.js
@@ -137,7 +137,7 @@ export default compose(
         set({ name: 'create-instance-metadata-proceeded', value: true })
       );
 
-      return history.push(`/instances/~create/networks`);
+      return history.push(`/instances/~create/user-scripts`);
     },
     handleEdit: () => {
       return history.push(`/instances/~create/metadata`);
diff --git a/packages/my-joy-beta/src/containers/create-instance/name.js b/packages/my-joy-beta/src/containers/create-instance/name.js
index cb4738f7..e81dbb5a 100644
--- a/packages/my-joy-beta/src/containers/create-instance/name.js
+++ b/packages/my-joy-beta/src/containers/create-instance/name.js
@@ -12,6 +12,7 @@ import punycode from 'punycode';
 import { NameIcon, H3, Button } from 'joyent-ui-toolkit';
 
 import Name from '@components/create-instance/name';
+import Description from '@components/create-instance/description';
 import Title from '@components/create-instance/title';
 import GetInstance from '@graphql/get-instance-small.gql';
 import GetRandomName from '@graphql/get-random-name.gql';
@@ -35,6 +36,11 @@ const NameContainer = ({
     <Title onClick={!expanded && !name && handleEdit} icon={<NameIcon />}>
       Instance name
     </Title>
+    {expanded ? (
+      <Description>
+        Your instance name will be used to identify this specific instance.
+      </Description>
+    ) : null}
     <ReduxForm
       form={FORM_NAME}
       destroyOnUnmount={false}
diff --git a/packages/my-joy-beta/src/containers/create-instance/user-script.js b/packages/my-joy-beta/src/containers/create-instance/user-script.js
new file mode 100644
index 00000000..9800c862
--- /dev/null
+++ b/packages/my-joy-beta/src/containers/create-instance/user-script.js
@@ -0,0 +1,149 @@
+import React, { Fragment } from 'react';
+import { compose } from 'react-apollo';
+import { set } from 'react-redux-values';
+import ReduxForm from 'declarative-redux-form';
+import { destroy } from 'redux-form';
+import { Margin } from 'styled-components-spacing';
+import { connect } from 'react-redux';
+import get from 'lodash.get';
+import remcalc from 'remcalc';
+
+import { ScriptIcon, Button, Divider } from 'joyent-ui-toolkit';
+
+import KeyValue from '@components/instances/key-value';
+import Description from '@components/create-instance/description';
+import Title from '@components/create-instance/title';
+
+const FORM_NAME = 'create-instance-user-script';
+
+export const UserScript = ({
+  expanded,
+  proceeded,
+  create,
+  edit,
+  formOpen,
+  script = {},
+  handleChangeOpenForm,
+  handleSubmit,
+  handleRemove,
+  handleNext,
+  handleEdit
+}) => (
+  <Fragment>
+    <Title onClick={!proceeded && handleEdit} icon={<ScriptIcon />}>
+      User Script
+    </Title>
+    {expanded ? (
+      <Description>
+        User script can be used to inject a custom boot script.
+      </Description>
+    ) : null}
+    <ReduxForm
+      form={FORM_NAME}
+      destroyOnUnmount={false}
+      forceUnregisterOnUnmount={true}
+      initialValues={script}
+      onSubmit={handleSubmit}
+    >
+      {props =>
+        !formOpen && create ? null : (
+          <KeyValue
+            {...props}
+            expanded={formOpen}
+            method={edit ? 'edit' : 'add'}
+            input="textarea"
+            type="user script"
+            onToggleExpanded={() => handleChangeOpenForm(!formOpen)}
+            onCancel={() => handleChangeOpenForm(false)}
+            onRemove={handleRemove}
+            onlyValue
+          />
+        )
+      }
+    </ReduxForm>
+    <div>
+      {expanded ? (
+        <Margin top={formOpen || script.value ? 1 : 0} bottom={5}>
+          {script.value || formOpen ? null : (
+            <Button
+              type="button"
+              onClick={() => handleChangeOpenForm(true)}
+              secondary
+            >
+              Add User Script
+            </Button>
+          )}
+          {formOpen && create ? null : (
+            <Button type="submit" onClick={handleNext}>
+              Next
+            </Button>
+          )}
+        </Margin>
+      ) : proceeded ? (
+        <Fragment>
+          <Button type="button" onClick={handleEdit} secondary>
+            Edit
+          </Button>
+          <Margin top={4}>
+            <Divider height={remcalc(1)} />
+          </Margin>
+        </Fragment>
+      ) : null}
+    </div>
+  </Fragment>
+);
+
+export default compose(
+  connect(
+    ({ values }, ownProps) => {
+      const script = get(values, 'create-instance-user-script', {
+        name: 'user-script'
+      });
+      const formOpen = get(values, 'create-instance-user-script-open', false);
+      const proceeded = get(
+        values,
+        'create-instance-user-script-proceeded',
+        false
+      );
+
+      return {
+        script,
+        proceeded,
+        create: !script.value,
+        edit: script.value,
+        formOpen
+      };
+    },
+    (dispatch, { history }) => ({
+      handleEdit: () => history.push(`/instances/~create/user-script`),
+      handleNext: () => {
+        dispatch(
+          set({ name: 'create-instance-user-script-proceeded', value: true })
+        );
+
+        return history.push(`/instances/~create/networks`);
+      },
+      handleChangeOpenForm: value => {
+        return dispatch([
+          set({ name: `create-instance-user-script-open`, value })
+        ]);
+      },
+      handleSubmit: value => {
+        return dispatch([
+          set({ name: `create-instance-user-script`, value: { ...value } }),
+          set({ name: `create-instance-user-script-open`, value: false })
+        ]);
+      },
+      handleRemove: () => {
+        return dispatch([
+          destroy(FORM_NAME),
+          set({
+            name: `create-instance-user-script`,
+            value: { name: 'user-script' }
+          }),
+          set({ name: `create-instance-user-script-open`, value: false })
+        ]);
+      }
+    })
+  )
+)(UserScript);
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
index 4e343894..c271ec72 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
@@ -39,6 +39,7 @@ exports[`renders <List /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -135,6 +136,7 @@ exports[`renders <List /> without throwing 1`] = `
   margin-top: 0.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;
@@ -793,14 +795,14 @@ exports[`renders <List /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="Y"
+            htmlFor="k"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={false}
-            id="Y"
+            id="k"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -816,7 +818,7 @@ exports[`renders <List /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="a"
+            htmlFor="m"
           >
             ⁣
           </label>
@@ -872,7 +874,7 @@ exports[`renders <List /> without throwing 1`] = `
                   checked={0}
                   className="c22"
                   disabled={false}
-                  id="bc"
+                  id="o"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
@@ -881,14 +883,14 @@ exports[`renders <List /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bd"
+                    id="p"
                     onBlur={undefined}
                     onChange={[Function]}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bd"
+                    htmlFor="p"
                   />
                 </div>
               </li>
@@ -915,14 +917,13 @@ exports[`renders <List /> without throwing 1`] = `
                   "transform": "rotate(180deg)",
                 }
               }
-              viewBox="0 0 9 6"
-              width="9"
+              viewBox="0 0 9.6 6"
+              width="9.6"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                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)"
-                fillRule="evenodd"
               />
             </svg>
           </th>
@@ -1017,6 +1018,7 @@ exports[`renders <List error /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -1133,6 +1135,7 @@ exports[`renders <List error /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1843,14 +1846,14 @@ exports[`renders <List error /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bh"
+            htmlFor="t"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={false}
-            id="bh"
+            id="t"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -1866,7 +1869,7 @@ exports[`renders <List error /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bj"
+            htmlFor="v"
           >
             ⁣
           </label>
@@ -1910,7 +1913,7 @@ exports[`renders <List error /> without throwing 1`] = `
     </div>
     <svg
       className="c19 "
-      height="12"
+      height="11.31"
       innerRef={undefined}
       onClick={[Function]}
       style={
@@ -1918,14 +1921,13 @@ exports[`renders <List error /> without throwing 1`] = `
           "transform": "rotate(0deg)",
         }
       }
-      viewBox="0 0 12 12"
-      width="12"
+      viewBox="0 0 11.31 11.31"
+      width="11.31"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="rgba(73, 73, 73, 1)"
-        fillRule="evenodd"
       />
     </svg>
   </div>
@@ -1963,7 +1965,7 @@ exports[`renders <List error /> without throwing 1`] = `
                   checked={0}
                   className="c28"
                   disabled={false}
-                  id="bl"
+                  id="x"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
@@ -1972,14 +1974,14 @@ exports[`renders <List error /> without throwing 1`] = `
                     checked={false}
                     className="c29"
                     disabled={false}
-                    id="bm"
+                    id="y"
                     onBlur={undefined}
                     onChange={[Function]}
                     type="checkbox"
                   />
                   <label
                     className="c30"
-                    htmlFor="bm"
+                    htmlFor="y"
                   />
                 </div>
               </li>
@@ -2006,14 +2008,13 @@ exports[`renders <List error /> without throwing 1`] = `
                   "transform": "rotate(180deg)",
                 }
               }
-              viewBox="0 0 9 6"
-              width="9"
+              viewBox="0 0 9.6 6"
+              width="9.6"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                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)"
-                fillRule="evenodd"
               />
             </svg>
           </th>
@@ -2073,6 +2074,7 @@ exports[`renders <List instances /> without throwing 1`] = `
 .c36 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c12 {
@@ -2113,6 +2115,7 @@ exports[`renders <List instances /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -2224,6 +2227,7 @@ exports[`renders <List instances /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3029,14 +3033,14 @@ exports[`renders <List instances /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bn"
+            htmlFor="z"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={false}
-            id="bn"
+            id="z"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -3052,7 +3056,7 @@ exports[`renders <List instances /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bp"
+            htmlFor="B"
           >
             ⁣
           </label>
@@ -3108,7 +3112,7 @@ exports[`renders <List instances /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="br"
+                  id="D"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
@@ -3117,14 +3121,14 @@ exports[`renders <List instances /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bs"
+                    id="E"
                     onBlur={undefined}
                     onChange={[Function]}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bs"
+                    htmlFor="E"
                   />
                 </div>
               </li>
@@ -3151,14 +3155,13 @@ exports[`renders <List instances /> without throwing 1`] = `
                   "transform": "rotate(180deg)",
                 }
               }
-              viewBox="0 0 9 6"
-              width="9"
+              viewBox="0 0 9.6 6"
+              width="9.6"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                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)"
-                fillRule="evenodd"
               />
             </svg>
           </th>
@@ -3234,7 +3237,7 @@ exports[`renders <List instances /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bt"
+                  id="F"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -3242,13 +3245,13 @@ exports[`renders <List instances /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bu"
+                    id="G"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bu"
+                    htmlFor="G"
                   />
                 </div>
               </li>
@@ -3330,29 +3333,8 @@ exports[`renders <List instances /> without throwing 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -3383,7 +3365,7 @@ exports[`renders <List instances /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bv"
+                  id="H"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -3391,13 +3373,13 @@ exports[`renders <List instances /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bw"
+                    id="I"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bw"
+                    htmlFor="I"
                   />
                 </div>
               </li>
@@ -3479,29 +3461,8 @@ exports[`renders <List instances /> without throwing 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -3517,6 +3478,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
 .c36 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c12 {
@@ -3557,6 +3519,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -3668,6 +3631,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3752,6 +3716,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3880,6 +3845,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4005,6 +3971,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4155,6 +4122,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   margin-top: 0.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;
@@ -5179,14 +5147,14 @@ exports[`renders <List instances selected /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bx"
+            htmlFor="J"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={false}
-            id="bx"
+            id="J"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -5202,7 +5170,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bz"
+            htmlFor="L"
           >
             ⁣
           </label>
@@ -5258,7 +5226,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bB"
+                  id="N"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
@@ -5267,14 +5235,14 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bC"
+                    id="O"
                     onBlur={undefined}
                     onChange={[Function]}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bC"
+                    htmlFor="O"
                   />
                 </div>
               </li>
@@ -5301,14 +5269,13 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                   "transform": "rotate(180deg)",
                 }
               }
-              viewBox="0 0 9 6"
-              width="9"
+              viewBox="0 0 9.6 6"
+              width="9.6"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                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)"
-                fillRule="evenodd"
               />
             </svg>
           </th>
@@ -5384,7 +5351,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bD"
+                  id="P"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -5392,13 +5359,13 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bE"
+                    id="Q"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bE"
+                    htmlFor="Q"
                   />
                 </div>
               </li>
@@ -5480,29 +5447,8 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -5533,7 +5479,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bF"
+                  id="R"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -5541,13 +5487,13 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bG"
+                    id="S"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bG"
+                    htmlFor="S"
                   />
                 </div>
               </li>
@@ -5629,29 +5575,8 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -5686,57 +5611,21 @@ exports[`renders <List instances selected /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="15"
+                height="14"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                width="15"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <g
-                  transform="translate(18292 -19563)"
-                >
-                  <mask
-                    id="L"
-                  >
-                    <rect
-                      fill="#fff"
-                      height={15}
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      width={15}
-                      x={-1}
-                      y={-1}
-                    />
-                    <use
-                      fill="#000"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#M"
-                    />
-                  </mask>
-                  <g
-                    mask="url(#L"
-                  >
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#N"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                    id="M"
-                  />
-                  <path
-                    d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                    id="N"
-                  />
-                </defs>
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
             </button>
           </span>
@@ -5754,57 +5643,21 @@ exports[`renders <List instances selected /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="15"
+                height="14"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                width="15"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <g
-                  transform="translate(18292 -19563)"
-                >
-                  <mask
-                    id="L"
-                  >
-                    <rect
-                      fill="#fff"
-                      height={15}
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      width={15}
-                      x={-1}
-                      y={-1}
-                    />
-                    <use
-                      fill="#000"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#M"
-                    />
-                  </mask>
-                  <g
-                    mask="url(#L"
-                  >
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#N"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                    id="M"
-                  />
-                  <path
-                    d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                    id="N"
-                  />
-                </defs>
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Start
@@ -5832,46 +5685,14 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
                 viewBox="0 0 14 14"
                 width="14"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(18113 -18582)"
-                >
-                  <g>
-                    <mask
-                      id="O"
-                    >
-                      <use
-                        fill="white"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#P"
-                      />
-                    </mask>
-                    <g
-                      mask="url(#O)"
-                    >
-                      <use
-                        fill="rgb(216, 216, 216)"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#Q"
-                      />
-                    </g>
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                    id="P"
-                  />
-                  <path
-                    d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                    id="Q"
-                  />
-                </defs>
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
             </button>
           </span>
@@ -5896,46 +5717,14 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
                 viewBox="0 0 14 14"
                 width="14"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(18113 -18582)"
-                >
-                  <g>
-                    <mask
-                      id="O"
-                    >
-                      <use
-                        fill="white"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#P"
-                      />
-                    </mask>
-                    <g
-                      mask="url(#O)"
-                    >
-                      <use
-                        fill="rgb(216, 216, 216)"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#Q"
-                      />
-                    </g>
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                    id="P"
-                  />
-                  <path
-                    d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                    id="Q"
-                  />
-                </defs>
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Stop
@@ -5976,7 +5765,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     <use
                       fill="rgb(216, 216, 216)"
                       transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#K"
+                      xlinkHref="#f"
                     />
                   </g>
                 </g>
@@ -5984,7 +5773,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                   <path
                     d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                     fillRule="evenodd"
-                    id="K"
+                    id="f"
                   />
                 </defs>
               </svg>
@@ -6024,7 +5813,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                     <use
                       fill="rgb(216, 216, 216)"
                       transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#K"
+                      xlinkHref="#f"
                     />
                   </g>
                 </g>
@@ -6032,7 +5821,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
                   <path
                     d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                     fillRule="evenodd"
-                    id="K"
+                    id="f"
                   />
                 </defs>
               </svg>
@@ -6059,37 +5848,21 @@ exports[`renders <List instances selected /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgba(73, 73, 73, 1)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
               </svg>
             </button>
           </span>
@@ -6107,37 +5880,21 @@ exports[`renders <List instances selected /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Remove
@@ -6155,6 +5912,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
 .c36 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c12 {
@@ -6195,6 +5953,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -6306,6 +6065,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6390,6 +6150,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6518,6 +6279,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6643,6 +6405,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6793,6 +6556,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   margin-top: 0.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;
@@ -7817,14 +7581,14 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bH"
+            htmlFor="T"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={false}
-            id="bH"
+            id="T"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -7840,7 +7604,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bJ"
+            htmlFor="V"
           >
             ⁣
           </label>
@@ -7896,7 +7660,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                   checked={true}
                   className="c22"
                   disabled={false}
-                  id="bL"
+                  id="X"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
@@ -7905,14 +7669,14 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     checked={true}
                     className="c23"
                     disabled={false}
-                    id="bM"
+                    id="Y"
                     onBlur={undefined}
                     onChange={[Function]}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bM"
+                    htmlFor="Y"
                   />
                 </div>
               </li>
@@ -7939,14 +7703,13 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                   "transform": "rotate(180deg)",
                 }
               }
-              viewBox="0 0 9 6"
-              width="9"
+              viewBox="0 0 9.6 6"
+              width="9.6"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                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)"
-                fillRule="evenodd"
               />
             </svg>
           </th>
@@ -8022,7 +7785,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bN"
+                  id="Z"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -8030,13 +7793,13 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bO"
+                    id="a"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bO"
+                    htmlFor="a"
                   />
                 </div>
               </li>
@@ -8118,29 +7881,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -8171,7 +7913,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bP"
+                  id="bb"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -8179,13 +7921,13 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bQ"
+                    id="bc"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bQ"
+                    htmlFor="bc"
                   />
                 </div>
               </li>
@@ -8267,29 +8009,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -8324,57 +8045,21 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="15"
+                height="14"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                width="15"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <g
-                  transform="translate(18292 -19563)"
-                >
-                  <mask
-                    id="L"
-                  >
-                    <rect
-                      fill="#fff"
-                      height={15}
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      width={15}
-                      x={-1}
-                      y={-1}
-                    />
-                    <use
-                      fill="#000"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#M"
-                    />
-                  </mask>
-                  <g
-                    mask="url(#L"
-                  >
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#N"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                    id="M"
-                  />
-                  <path
-                    d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                    id="N"
-                  />
-                </defs>
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
             </button>
           </span>
@@ -8392,57 +8077,21 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="15"
+                height="14"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                width="15"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <g
-                  transform="translate(18292 -19563)"
-                >
-                  <mask
-                    id="L"
-                  >
-                    <rect
-                      fill="#fff"
-                      height={15}
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      width={15}
-                      x={-1}
-                      y={-1}
-                    />
-                    <use
-                      fill="#000"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#M"
-                    />
-                  </mask>
-                  <g
-                    mask="url(#L"
-                  >
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#N"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                    id="M"
-                  />
-                  <path
-                    d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                    id="N"
-                  />
-                </defs>
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Start
@@ -8470,46 +8119,14 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
                 viewBox="0 0 14 14"
                 width="14"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(18113 -18582)"
-                >
-                  <g>
-                    <mask
-                      id="O"
-                    >
-                      <use
-                        fill="white"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#P"
-                      />
-                    </mask>
-                    <g
-                      mask="url(#O)"
-                    >
-                      <use
-                        fill="rgb(216, 216, 216)"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#Q"
-                      />
-                    </g>
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                    id="P"
-                  />
-                  <path
-                    d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                    id="Q"
-                  />
-                </defs>
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
             </button>
           </span>
@@ -8534,46 +8151,14 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
                 viewBox="0 0 14 14"
                 width="14"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(18113 -18582)"
-                >
-                  <g>
-                    <mask
-                      id="O"
-                    >
-                      <use
-                        fill="white"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#P"
-                      />
-                    </mask>
-                    <g
-                      mask="url(#O)"
-                    >
-                      <use
-                        fill="rgb(216, 216, 216)"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#Q"
-                      />
-                    </g>
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                    id="P"
-                  />
-                  <path
-                    d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                    id="Q"
-                  />
-                </defs>
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Stop
@@ -8614,7 +8199,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     <use
                       fill="rgb(216, 216, 216)"
                       transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#K"
+                      xlinkHref="#f"
                     />
                   </g>
                 </g>
@@ -8622,7 +8207,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                   <path
                     d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                     fillRule="evenodd"
-                    id="K"
+                    id="f"
                   />
                 </defs>
               </svg>
@@ -8662,7 +8247,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                     <use
                       fill="rgb(216, 216, 216)"
                       transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#K"
+                      xlinkHref="#f"
                     />
                   </g>
                 </g>
@@ -8670,7 +8255,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
                   <path
                     d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                     fillRule="evenodd"
-                    id="K"
+                    id="f"
                   />
                 </defs>
               </svg>
@@ -8697,37 +8282,21 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgba(73, 73, 73, 1)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
               </svg>
             </button>
           </span>
@@ -8745,37 +8314,21 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Remove
@@ -8793,6 +8346,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
 .c36 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c12 {
@@ -8833,6 +8387,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -8944,6 +8499,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -9028,6 +8584,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -9156,6 +8713,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -9281,6 +8839,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -9431,6 +8990,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -9578,6 +9138,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -9684,6 +9245,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-top: 0.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;
@@ -10664,14 +10226,14 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
         >
           <label
             className="c6"
-            htmlFor="bR"
+            htmlFor="bd"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={false}
-            id="bR"
+            id="bd"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -10687,7 +10249,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
         >
           <label
             className="c6"
-            htmlFor="bT"
+            htmlFor="bf"
           >
             ⁣
           </label>
@@ -10743,7 +10305,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                   checked={true}
                   className="c22"
                   disabled={false}
-                  id="bV"
+                  id="bh"
                   onBlur={undefined}
                   onChange={[Function]}
                   type="checkbox"
@@ -10752,14 +10314,14 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     checked={true}
                     className="c23"
                     disabled={false}
-                    id="bW"
+                    id="bi"
                     onBlur={undefined}
                     onChange={[Function]}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bW"
+                    htmlFor="bi"
                   />
                 </div>
               </li>
@@ -10786,14 +10348,13 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                   "transform": "rotate(180deg)",
                 }
               }
-              viewBox="0 0 9 6"
-              width="9"
+              viewBox="0 0 9.6 6"
+              width="9.6"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+                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)"
-                fillRule="evenodd"
               />
             </svg>
           </th>
@@ -10869,7 +10430,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bX"
+                  id="bj"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -10877,13 +10438,13 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="bY"
+                    id="bk"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="bY"
+                    htmlFor="bk"
                   />
                 </div>
               </li>
@@ -10965,29 +10526,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -11018,7 +10558,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                   checked={false}
                   className="c22"
                   disabled={false}
-                  id="bZ"
+                  id="bl"
                   onBlur={undefined}
                   type="checkbox"
                 >
@@ -11026,13 +10566,13 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     checked={false}
                     className="c23"
                     disabled={false}
-                    id="ca"
+                    id="bm"
                     onBlur={undefined}
                     type="checkbox"
                   />
                   <label
                     className="c24"
-                    htmlFor="ca"
+                    htmlFor="bm"
                   />
                 </div>
               </li>
@@ -11114,29 +10654,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
                   fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.375rem)",
-                    }
-                  }
-                />
-                <path
-                  d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
-                  fill="rgba(73, 73, 73, 1)"
-                  fill-rule="evenodd"
-                  style={
-                    Object {
-                      "transform": "translateY(0.75rem)",
-                    }
-                  }
                 />
               </svg>
             </div>
@@ -11171,57 +10690,21 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             >
               <svg
                 className=""
-                height="15"
+                height="14"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                width="15"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <g
-                  transform="translate(18292 -19563)"
-                >
-                  <mask
-                    id="L"
-                  >
-                    <rect
-                      fill="#fff"
-                      height={15}
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      width={15}
-                      x={-1}
-                      y={-1}
-                    />
-                    <use
-                      fill="#000"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#M"
-                    />
-                  </mask>
-                  <g
-                    mask="url(#L"
-                  >
-                    <use
-                      fill="rgba(73, 73, 73, 1)"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#N"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                    id="M"
-                  />
-                  <path
-                    d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                    id="N"
-                  />
-                </defs>
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
               </svg>
             </button>
           </span>
@@ -11239,57 +10722,21 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             >
               <svg
                 className=""
-                height="15"
+                height="14"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                width="15"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <g
-                  transform="translate(18292 -19563)"
-                >
-                  <mask
-                    id="L"
-                  >
-                    <rect
-                      fill="#fff"
-                      height={15}
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      width={15}
-                      x={-1}
-                      y={-1}
-                    />
-                    <use
-                      fill="#000"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#M"
-                    />
-                  </mask>
-                  <g
-                    mask="url(#L"
-                  >
-                    <use
-                      fill="rgba(73, 73, 73, 1)"
-                      transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                      xlinkHref="#N"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                    id="M"
-                  />
-                  <path
-                    d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                    id="N"
-                  />
-                </defs>
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
               </svg>
               <span>
                 Start
@@ -11317,46 +10764,14 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
                 viewBox="0 0 14 14"
                 width="14"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(18113 -18582)"
-                >
-                  <g>
-                    <mask
-                      id="O"
-                    >
-                      <use
-                        fill="white"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#P"
-                      />
-                    </mask>
-                    <g
-                      mask="url(#O)"
-                    >
-                      <use
-                        fill="rgb(216, 216, 216)"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#Q"
-                      />
-                    </g>
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                    id="P"
-                  />
-                  <path
-                    d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                    id="Q"
-                  />
-                </defs>
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
             </button>
           </span>
@@ -11381,46 +10796,14 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
                 viewBox="0 0 14 14"
                 width="14"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(18113 -18582)"
-                >
-                  <g>
-                    <mask
-                      id="O"
-                    >
-                      <use
-                        fill="white"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#P"
-                      />
-                    </mask>
-                    <g
-                      mask="url(#O)"
-                    >
-                      <use
-                        fill="rgb(216, 216, 216)"
-                        transform="translate(-18113 18582)"
-                        xlinkHref="#Q"
-                      />
-                    </g>
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                    id="P"
-                  />
-                  <path
-                    d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                    id="Q"
-                  />
-                </defs>
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Stop
@@ -11461,7 +10844,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     <use
                       fill="rgb(216, 216, 216)"
                       transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#K"
+                      xlinkHref="#f"
                     />
                   </g>
                 </g>
@@ -11469,7 +10852,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                   <path
                     d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                     fillRule="evenodd"
-                    id="K"
+                    id="f"
                   />
                 </defs>
               </svg>
@@ -11509,7 +10892,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                     <use
                       fill="rgb(216, 216, 216)"
                       transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#K"
+                      xlinkHref="#f"
                     />
                   </g>
                 </g>
@@ -11517,7 +10900,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
                   <path
                     d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                     fillRule="evenodd"
-                    id="K"
+                    id="f"
                   />
                 </defs>
               </svg>
@@ -11544,37 +10927,21 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgba(73, 73, 73, 1)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
               </svg>
             </button>
           </span>
@@ -11592,37 +10959,21 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             >
               <svg
                 className=""
-                height="12"
+                height="16"
                 innerRef={undefined}
                 style={
                   Object {
                     "transform": "rotate(0deg)",
                   }
                 }
-                version="1.1"
-                viewBox="0 0 9 12"
-                width="9"
+                viewBox="0 0 12 16"
+                width="12"
                 xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
               >
-                <g
-                  transform="translate(17403 -18583)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="translate(-17403 18583)"
-                      xlinkHref="#j"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                    fillRule="evenodd"
-                    id="j"
-                  />
-                </defs>
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgb(216, 216, 216)"
+                />
               </svg>
               <span>
                 Remove
@@ -11773,6 +11124,7 @@ exports[`renders <List loading /> without throwing 1`] = `
   margin-top: 0.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;
@@ -11793,11 +11145,6 @@ exports[`renders <List loading /> without throwing 1`] = `
   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);
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -11836,23 +11183,6 @@ exports[`renders <List loading /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c10:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c10:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c10:active,
-.c10:active:hover,
-.c10:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
 .c10 svg + span {
   margin-left: 0.75rem;
 }
@@ -12155,14 +11485,14 @@ exports[`renders <List loading /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="be"
+            htmlFor="q"
           >
             Filter instances
           </label>
           <input
             className="c7"
             disabled={true}
-            id="be"
+            id="q"
             onBlur={undefined}
             placeholder="Search for name, state, tags, etc..."
           />
@@ -12178,13 +11508,13 @@ exports[`renders <List loading /> without throwing 1`] = `
         >
           <label
             className="c6"
-            htmlFor="bg"
+            htmlFor="s"
           >
             ⁣
           </label>
           <button
             className="c10 c11 c12"
-            disabled={true}
+            disabled={false}
             href=""
             icon={true}
             onClick={[Function]}
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 b32bea1a..c4cfbf4a 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
@@ -59,6 +59,7 @@ exports[`renders <Metadata /> without throwing 1`] = `
   margin-top: 0.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;
@@ -434,14 +435,14 @@ exports[`renders <Metadata /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="Y"
+            htmlFor="k"
           >
             Filter metadata
           </label>
           <input
             className="c5"
             disabled={false}
-            id="Y"
+            id="k"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -457,7 +458,7 @@ exports[`renders <Metadata /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="a"
+            htmlFor="m"
           >
             ⁣
           </label>
@@ -586,6 +587,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -670,6 +672,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -758,6 +761,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -847,6 +851,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1682,14 +1687,14 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bh"
+            htmlFor="t"
           >
             Filter metadata
           </label>
           <input
             className="c5"
             disabled={false}
-            id="bh"
+            id="t"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -1705,7 +1710,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bj"
+            htmlFor="v"
           >
             ⁣
           </label>
@@ -1790,7 +1795,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bk"
+                  htmlFor="w"
                 >
                   Metadata
                    key
@@ -1798,7 +1803,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                 <input
                   className="c25"
                   disabled={false}
-                  id="bk"
+                  id="w"
                   onBlur={null}
                 />
                 <label
@@ -1825,7 +1830,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bl"
+                  htmlFor="x"
                 >
                   Metadata
                    value
@@ -1833,7 +1838,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                 <textarea
                   className="c28 c29"
                   disabled={false}
-                  id="bl"
+                  id="x"
                   onBlur={undefined}
                 />
                 <label
@@ -1887,40 +1892,24 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
               >
                 <svg
                   className=""
-                  height="12"
+                  height="16"
                   innerRef={undefined}
                   style={
                     Object {
                       "transform": "rotate(0deg)",
                     }
                   }
-                  version="1.1"
-                  viewBox="0 0 9 12"
-                  width="9"
+                  viewBox="0 0 12 16"
+                  width="12"
                   xmlns="http://www.w3.org/2000/svg"
-                  xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                  <g
-                    transform="translate(17403 -18583)"
-                  >
-                    <g>
-                      <use
-                        fill="rgb(210, 67, 58)"
-                        transform="translate(-17403 18583)"
-                        xlinkHref="#j"
-                      />
-                    </g>
-                  </g>
-                  <defs>
-                    <path
-                      d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                      fillRule="evenodd"
-                      id="j"
-                    />
-                  </defs>
+                  <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>
-                  Delete
+                  Remove
                 </span>
               </button>
             </div>
@@ -2026,6 +2015,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2453,14 +2443,14 @@ exports[`renders <Metadata error /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="be"
+            htmlFor="q"
           >
             Filter metadata
           </label>
           <input
             className="c5"
             disabled={false}
-            id="be"
+            id="q"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -2476,7 +2466,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bg"
+            htmlFor="s"
           >
             ⁣
           </label>
@@ -2532,7 +2522,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
     </div>
     <svg
       className="c21 "
-      height="12"
+      height="11.31"
       innerRef={undefined}
       onClick={[Function]}
       style={
@@ -2540,14 +2530,13 @@ exports[`renders <Metadata error /> without throwing 1`] = `
           "transform": "rotate(0deg)",
         }
       }
-      viewBox="0 0 12 12"
-      width="12"
+      viewBox="0 0 11.31 11.31"
+      width="11.31"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="rgba(73, 73, 73, 1)"
-        fillRule="evenodd"
       />
     </svg>
   </div>
@@ -2702,6 +2691,7 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3080,14 +3070,14 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bb"
+            htmlFor="n"
           >
             Filter metadata
           </label>
           <input
             className="c5"
             disabled={true}
-            id="bb"
+            id="n"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -3103,7 +3093,7 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bd"
+            htmlFor="p"
           >
             ⁣
           </label>
@@ -3300,6 +3290,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3384,6 +3375,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3472,6 +3464,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3561,6 +3554,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-top: 0.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;
@@ -3687,6 +3681,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4557,14 +4552,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bm"
+            htmlFor="y"
           >
             Filter metadata
           </label>
           <input
             className="c5"
             disabled={false}
-            id="bm"
+            id="y"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -4580,7 +4575,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bo"
+            htmlFor="A"
           >
             ⁣
           </label>
@@ -4674,7 +4669,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bp"
+                  htmlFor="B"
                 >
                   Metadata
                    key
@@ -4682,7 +4677,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                 <input
                   className="c27"
                   disabled={false}
-                  id="bp"
+                  id="B"
                   onBlur={null}
                 />
                 <label
@@ -4709,7 +4704,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bq"
+                  htmlFor="C"
                 >
                   Metadata
                    value
@@ -4717,7 +4712,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                 <textarea
                   className="c30 c31"
                   disabled={false}
-                  id="bq"
+                  id="C"
                   onBlur={undefined}
                 />
                 <label
@@ -4771,40 +4766,24 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <svg
                   className=""
-                  height="12"
+                  height="16"
                   innerRef={undefined}
                   style={
                     Object {
                       "transform": "rotate(0deg)",
                     }
                   }
-                  version="1.1"
-                  viewBox="0 0 9 12"
-                  width="9"
+                  viewBox="0 0 12 16"
+                  width="12"
                   xmlns="http://www.w3.org/2000/svg"
-                  xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                  <g
-                    transform="translate(17403 -18583)"
-                  >
-                    <g>
-                      <use
-                        fill="rgb(210, 67, 58)"
-                        transform="translate(-17403 18583)"
-                        xlinkHref="#j"
-                      />
-                    </g>
-                  </g>
-                  <defs>
-                    <path
-                      d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                      fillRule="evenodd"
-                      id="j"
-                    />
-                  </defs>
+                  <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>
-                  Delete
+                  Remove
                 </span>
               </button>
             </div>
@@ -4866,7 +4845,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="br"
+                  htmlFor="D"
                 >
                   Metadata
                    key
@@ -4874,7 +4853,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                 <input
                   className="c27"
                   disabled={false}
-                  id="br"
+                  id="D"
                   onBlur={null}
                 />
                 <label
@@ -4901,7 +4880,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bs"
+                  htmlFor="E"
                 >
                   Metadata
                    value
@@ -4909,7 +4888,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                 <textarea
                   className="c30 c31"
                   disabled={false}
-                  id="bs"
+                  id="E"
                   onBlur={undefined}
                 />
                 <label
@@ -4963,40 +4942,24 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <svg
                   className=""
-                  height="12"
+                  height="16"
                   innerRef={undefined}
                   style={
                     Object {
                       "transform": "rotate(0deg)",
                     }
                   }
-                  version="1.1"
-                  viewBox="0 0 9 12"
-                  width="9"
+                  viewBox="0 0 12 16"
+                  width="12"
                   xmlns="http://www.w3.org/2000/svg"
-                  xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                  <g
-                    transform="translate(17403 -18583)"
-                  >
-                    <g>
-                      <use
-                        fill="rgb(210, 67, 58)"
-                        transform="translate(-17403 18583)"
-                        xlinkHref="#j"
-                      />
-                    </g>
-                  </g>
-                  <defs>
-                    <path
-                      d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                      fillRule="evenodd"
-                      id="j"
-                    />
-                  </defs>
+                  <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>
-                  Delete
+                  Remove
                 </span>
               </button>
             </div>
@@ -5058,7 +5021,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bt"
+                  htmlFor="F"
                 >
                   Metadata
                    key
@@ -5066,7 +5029,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                 <input
                   className="c27"
                   disabled={false}
-                  id="bt"
+                  id="F"
                   onBlur={null}
                 />
                 <label
@@ -5093,7 +5056,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bu"
+                  htmlFor="G"
                 >
                   Metadata
                    value
@@ -5101,7 +5064,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                 <textarea
                   className="c30 c31"
                   disabled={false}
-                  id="bu"
+                  id="G"
                   onBlur={undefined}
                 />
                 <label
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
index 3665f5c3..aa5a1a82 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
@@ -351,7 +351,7 @@ exports[`renders <Summary loadingError /> without throwing 1`] = `
     </div>
     <svg
       className="c6 "
-      height="12"
+      height="11.31"
       innerRef={undefined}
       onClick={[Function]}
       style={
@@ -359,14 +359,13 @@ exports[`renders <Summary loadingError /> without throwing 1`] = `
           "transform": "rotate(0deg)",
         }
       }
-      viewBox="0 0 12 12"
-      width="12"
+      viewBox="0 0 11.31 11.31"
+      width="11.31"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="rgba(73, 73, 73, 1)"
-        fillRule="evenodd"
       />
     </svg>
   </div>
@@ -505,7 +504,7 @@ exports[`renders <Summary mutationError /> without throwing 1`] = `
     </div>
     <svg
       className="c6 "
-      height="12"
+      height="11.31"
       innerRef={undefined}
       onClick={[Function]}
       style={
@@ -513,14 +512,13 @@ exports[`renders <Summary mutationError /> without throwing 1`] = `
           "transform": "rotate(0deg)",
         }
       }
-      viewBox="0 0 12 12"
-      width="12"
+      viewBox="0 0 11.31 11.31"
+      width="11.31"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+        d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
         fill="rgba(73, 73, 73, 1)"
-        fillRule="evenodd"
       />
     </svg>
   </div>
@@ -630,6 +628,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -758,6 +757,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -884,6 +884,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -990,6 +991,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -1094,6 +1096,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -1222,6 +1225,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -1992,57 +1996,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="15"
+                      height="14"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="15"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 13.36 14"
+                      width="13.36"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(18292 -19563)"
-                      >
-                        <mask
-                          id="L"
-                        >
-                          <rect
-                            fill="#fff"
-                            height={15}
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            width={15}
-                            x={-1}
-                            y={-1}
-                          />
-                          <use
-                            fill="#000"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#M"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#L"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#N"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                          id="M"
-                        />
-                        <path
-                          d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                          id="N"
-                        />
-                      </defs>
+                      <path
+                        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                        fill="rgb(216, 216, 216)"
+                      />
                     </svg>
                   </button>
                 </span>
@@ -2060,57 +2028,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="15"
+                      height="14"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="15"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 13.36 14"
+                      width="13.36"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(18292 -19563)"
-                      >
-                        <mask
-                          id="L"
-                        >
-                          <rect
-                            fill="#fff"
-                            height={15}
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            width={15}
-                            x={-1}
-                            y={-1}
-                          />
-                          <use
-                            fill="#000"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#M"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#L"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#N"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                          id="M"
-                        />
-                        <path
-                          d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                          id="N"
-                        />
-                      </defs>
+                      <path
+                        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                        fill="rgb(216, 216, 216)"
+                      />
                     </svg>
                     <span>
                       Start
@@ -2138,46 +2070,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
                       viewBox="0 0 14 14"
                       width="14"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(18113 -18582)"
-                      >
-                        <g>
-                          <mask
-                            id="O"
-                          >
-                            <use
-                              fill="white"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#P"
-                            />
-                          </mask>
-                          <g
-                            mask="url(#O)"
-                          >
-                            <use
-                              fill="rgba(73, 73, 73, 1)"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#Q"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                          id="P"
-                        />
-                        <path
-                          d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                          id="Q"
-                        />
-                      </defs>
+                      <path
+                        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </button>
                 </span>
@@ -2202,46 +2102,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
                       viewBox="0 0 14 14"
                       width="14"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(18113 -18582)"
-                      >
-                        <g>
-                          <mask
-                            id="O"
-                          >
-                            <use
-                              fill="white"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#P"
-                            />
-                          </mask>
-                          <g
-                            mask="url(#O)"
-                          >
-                            <use
-                              fill="rgba(73, 73, 73, 1)"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#Q"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                          id="P"
-                        />
-                        <path
-                          d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                          id="Q"
-                        />
-                      </defs>
+                      <path
+                        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                     <span>
                       Stop
@@ -2282,7 +2150,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           <use
                             fill="rgba(73, 73, 73, 1)"
                             transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                            xlinkHref="#K"
+                            xlinkHref="#f"
                           />
                         </g>
                       </g>
@@ -2290,7 +2158,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         <path
                           d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                           fillRule="evenodd"
-                          id="K"
+                          id="f"
                         />
                       </defs>
                     </svg>
@@ -2330,7 +2198,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           <use
                             fill="rgba(73, 73, 73, 1)"
                             transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                            xlinkHref="#K"
+                            xlinkHref="#f"
                           />
                         </g>
                       </g>
@@ -2338,7 +2206,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         <path
                           d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                           fillRule="evenodd"
-                          id="K"
+                          id="f"
                         />
                       </defs>
                     </svg>
@@ -2365,37 +2233,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="12"
+                      height="16"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      viewBox="0 0 9 12"
-                      width="9"
+                      viewBox="0 0 12 16"
+                      width="12"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(17403 -18583)"
-                      >
-                        <g>
-                          <use
-                            fill="rgb(210, 67, 58)"
-                            transform="translate(-17403 18583)"
-                            xlinkHref="#j"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                          fillRule="evenodd"
-                          id="j"
-                        />
-                      </defs>
+                      <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>
                   </button>
                 </span>
@@ -2413,37 +2265,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="12"
+                      height="16"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      viewBox="0 0 9 12"
-                      width="9"
+                      viewBox="0 0 12 16"
+                      width="12"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(17403 -18583)"
-                      >
-                        <g>
-                          <use
-                            fill="rgb(210, 67, 58)"
-                            transform="translate(-17403 18583)"
-                            xlinkHref="#j"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                          fillRule="evenodd"
-                          id="j"
-                        />
-                      </defs>
+                      <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
@@ -2490,7 +2326,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2498,34 +2334,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -2561,7 +2377,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2569,34 +2385,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -2632,7 +2428,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2640,34 +2436,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -2703,7 +2479,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2711,34 +2487,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -2774,7 +2530,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2782,34 +2538,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -2845,7 +2581,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2853,34 +2589,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -2916,7 +2632,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -2924,34 +2640,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -3028,6 +2724,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -3156,6 +2853,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -3282,6 +2980,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -3388,6 +3087,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -3492,6 +3192,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -3620,6 +3321,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 0.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;
@@ -4390,57 +4092,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="15"
+                      height="14"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="15"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 13.36 14"
+                      width="13.36"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(18292 -19563)"
-                      >
-                        <mask
-                          id="L"
-                        >
-                          <rect
-                            fill="#fff"
-                            height={15}
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            width={15}
-                            x={-1}
-                            y={-1}
-                          />
-                          <use
-                            fill="#000"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#M"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#L"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#N"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                          id="M"
-                        />
-                        <path
-                          d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                          id="N"
-                        />
-                      </defs>
+                      <path
+                        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                        fill="rgb(216, 216, 216)"
+                      />
                     </svg>
                   </button>
                 </span>
@@ -4458,57 +4124,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="15"
+                      height="14"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="15"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 13.36 14"
+                      width="13.36"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(18292 -19563)"
-                      >
-                        <mask
-                          id="L"
-                        >
-                          <rect
-                            fill="#fff"
-                            height={15}
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            width={15}
-                            x={-1}
-                            y={-1}
-                          />
-                          <use
-                            fill="#000"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#M"
-                          />
-                        </mask>
-                        <g
-                          mask="url(#L"
-                        >
-                          <use
-                            fill="rgb(216, 216, 216)"
-                            transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
-                            xlinkHref="#N"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
-                          id="M"
-                        />
-                        <path
-                          d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
-                          id="N"
-                        />
-                      </defs>
+                      <path
+                        d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                        fill="rgb(216, 216, 216)"
+                      />
                     </svg>
                     <span>
                       Start
@@ -4536,46 +4166,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
                       viewBox="0 0 14 14"
                       width="14"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(18113 -18582)"
-                      >
-                        <g>
-                          <mask
-                            id="O"
-                          >
-                            <use
-                              fill="white"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#P"
-                            />
-                          </mask>
-                          <g
-                            mask="url(#O)"
-                          >
-                            <use
-                              fill="rgba(73, 73, 73, 1)"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#Q"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                          id="P"
-                        />
-                        <path
-                          d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                          id="Q"
-                        />
-                      </defs>
+                      <path
+                        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </button>
                 </span>
@@ -4600,46 +4198,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
                       viewBox="0 0 14 14"
                       width="14"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(18113 -18582)"
-                      >
-                        <g>
-                          <mask
-                            id="O"
-                          >
-                            <use
-                              fill="white"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#P"
-                            />
-                          </mask>
-                          <g
-                            mask="url(#O)"
-                          >
-                            <use
-                              fill="rgba(73, 73, 73, 1)"
-                              transform="translate(-18113 18582)"
-                              xlinkHref="#Q"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
-                          id="P"
-                        />
-                        <path
-                          d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
-                          id="Q"
-                        />
-                      </defs>
+                      <path
+                        d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                     <span>
                       Stop
@@ -4680,7 +4246,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           <use
                             fill="rgba(73, 73, 73, 1)"
                             transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                            xlinkHref="#K"
+                            xlinkHref="#f"
                           />
                         </g>
                       </g>
@@ -4688,7 +4254,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         <path
                           d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                           fillRule="evenodd"
-                          id="K"
+                          id="f"
                         />
                       </defs>
                     </svg>
@@ -4728,7 +4294,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           <use
                             fill="rgba(73, 73, 73, 1)"
                             transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                            xlinkHref="#K"
+                            xlinkHref="#f"
                           />
                         </g>
                       </g>
@@ -4736,7 +4302,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         <path
                           d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
                           fillRule="evenodd"
-                          id="K"
+                          id="f"
                         />
                       </defs>
                     </svg>
@@ -4763,37 +4329,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="12"
+                      height="16"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      viewBox="0 0 9 12"
-                      width="9"
+                      viewBox="0 0 12 16"
+                      width="12"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(17403 -18583)"
-                      >
-                        <g>
-                          <use
-                            fill="rgb(210, 67, 58)"
-                            transform="translate(-17403 18583)"
-                            xlinkHref="#j"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                          fillRule="evenodd"
-                          id="j"
-                        />
-                      </defs>
+                      <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>
                   </button>
                 </span>
@@ -4811,37 +4361,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className=""
-                      height="12"
+                      height="16"
                       innerRef={undefined}
                       style={
                         Object {
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      viewBox="0 0 9 12"
-                      width="9"
+                      viewBox="0 0 12 16"
+                      width="12"
                       xmlns="http://www.w3.org/2000/svg"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
                     >
-                      <g
-                        transform="translate(17403 -18583)"
-                      >
-                        <g>
-                          <use
-                            fill="rgb(210, 67, 58)"
-                            transform="translate(-17403 18583)"
-                            xlinkHref="#j"
-                          />
-                        </g>
-                      </g>
-                      <defs>
-                        <path
-                          d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                          fillRule="evenodd"
-                          id="j"
-                        />
-                      </defs>
+                      <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
@@ -4888,7 +4422,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -4896,34 +4430,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -4959,7 +4473,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -4967,34 +4481,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -5030,7 +4524,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -5038,34 +4532,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -5101,7 +4575,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -5109,34 +4583,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -5172,7 +4626,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -5180,34 +4634,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -5243,7 +4677,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -5251,34 +4685,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
@@ -5314,7 +4728,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   >
                     <svg
                       className="c34 "
-                      height="16"
+                      height="19"
                       innerRef={undefined}
                       onClick={[Function]}
                       style={
@@ -5322,34 +4736,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                           "transform": "rotate(0deg)",
                         }
                       }
-                      version="1.1"
-                      width="13"
-                      xmlnsXlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <g
-                        transform="translate(-2367 443)"
-                      >
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2370 -437)"
-                          xlinkHref="#e"
-                        />
-                        <use
-                          fill="rgba(73, 73, 73, 1)"
-                          transform="translate(2367 -443)"
-                          xlinkHref="#f"
-                        />
-                      </g>
-                      <defs>
-                        <path
-                          d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z"
-                          id="e"
-                        />
-                        <path
-                          d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
-                          id="f"
-                        />
-                      </defs>
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgba(73, 73, 73, 1)"
+                      />
                     </svg>
                   </div>
                 </div>
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 b1d7c604..0ab55162 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
@@ -59,6 +59,7 @@ exports[`renders <Tags /> without throwing 1`] = `
   margin-top: 0.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;
@@ -447,14 +448,14 @@ exports[`renders <Tags /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="Y"
+            htmlFor="k"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="Y"
+            id="k"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -470,7 +471,7 @@ exports[`renders <Tags /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="a"
+            htmlFor="m"
           >
             ⁣
           </label>
@@ -590,6 +591,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -674,6 +676,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -762,6 +765,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -851,6 +855,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
   margin-top: 0.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;
@@ -1693,14 +1698,14 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bh"
+            htmlFor="t"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="bh"
+            id="t"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -1716,7 +1721,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bj"
+            htmlFor="v"
           >
             ⁣
           </label>
@@ -1801,7 +1806,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bk"
+                  htmlFor="w"
                 >
                   Tag
                    key
@@ -1809,7 +1814,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                 <input
                   className="c26"
                   disabled={false}
-                  id="bk"
+                  id="w"
                   onBlur={null}
                 />
                 <label
@@ -1831,7 +1836,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bl"
+                  htmlFor="x"
                 >
                   Tag
                    value
@@ -1839,7 +1844,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                 <input
                   className="c26"
                   disabled={false}
-                  id="bl"
+                  id="x"
                   onBlur={null}
                 />
                 <label
@@ -1889,40 +1894,24 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
               >
                 <svg
                   className=""
-                  height="12"
+                  height="16"
                   innerRef={undefined}
                   style={
                     Object {
                       "transform": "rotate(0deg)",
                     }
                   }
-                  version="1.1"
-                  viewBox="0 0 9 12"
-                  width="9"
+                  viewBox="0 0 12 16"
+                  width="12"
                   xmlns="http://www.w3.org/2000/svg"
-                  xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                  <g
-                    transform="translate(17403 -18583)"
-                  >
-                    <g>
-                      <use
-                        fill="rgb(210, 67, 58)"
-                        transform="translate(-17403 18583)"
-                        xlinkHref="#j"
-                      />
-                    </g>
-                  </g>
-                  <defs>
-                    <path
-                      d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                      fillRule="evenodd"
-                      id="j"
-                    />
-                  </defs>
+                  <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>
-                  Delete
+                  Remove
                 </span>
               </button>
             </div>
@@ -2011,6 +2000,7 @@ exports[`renders <Tags editable /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2399,14 +2389,14 @@ exports[`renders <Tags editable /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="br"
+            htmlFor="D"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="br"
+            id="D"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -2422,7 +2412,7 @@ exports[`renders <Tags editable /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bt"
+            htmlFor="F"
           >
             ⁣
           </label>
@@ -2523,112 +2513,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   display: inline-block;
 }
 
-.c8 {
-  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;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  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;
-  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);
-  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;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c8:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c8:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c8[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c8:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c8:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c8 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c8 svg {
-  max-height: 1.125rem;
-}
-
 .c31 {
   box-sizing: border-box;
   display: inline-block;
@@ -2647,6 +2531,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2735,6 +2620,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2824,6 +2710,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -2932,6 +2819,113 @@ exports[`renders <Tags editing /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
+.c8 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+  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;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c8:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c8:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c8:active,
+.c8:active:hover,
+.c8:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c8[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c8:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c8:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c8:active,
+.c8:active:hover,
+.c8:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c8 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c8 svg {
+  max-height: 1.125rem;
+}
+
 .c4 {
   font-size: 0.9375rem;
   font-style: normal;
@@ -3660,14 +3654,14 @@ exports[`renders <Tags editing /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bm"
+            htmlFor="y"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="bm"
+            id="y"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -3683,7 +3677,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bo"
+            htmlFor="A"
           >
             ⁣
           </label>
@@ -3773,7 +3767,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bp"
+                  htmlFor="B"
                 >
                   Tag
                    key
@@ -3781,7 +3775,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                 <input
                   className="c26"
                   disabled={false}
-                  id="bp"
+                  id="B"
                   onBlur={null}
                 />
                 <label
@@ -3803,7 +3797,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bq"
+                  htmlFor="C"
                 >
                   Tag
                    value
@@ -3811,7 +3805,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                 <input
                   className="c26"
                   disabled={false}
-                  id="bq"
+                  id="C"
                   onBlur={null}
                 />
                 <label
@@ -3861,40 +3855,24 @@ exports[`renders <Tags editing /> without throwing 1`] = `
               >
                 <svg
                   className=""
-                  height="12"
+                  height="16"
                   innerRef={undefined}
                   style={
                     Object {
                       "transform": "rotate(0deg)",
                     }
                   }
-                  version="1.1"
-                  viewBox="0 0 9 12"
-                  width="9"
+                  viewBox="0 0 12 16"
+                  width="12"
                   xmlns="http://www.w3.org/2000/svg"
-                  xmlnsXlink="http://www.w3.org/1999/xlink"
                 >
-                  <g
-                    transform="translate(17403 -18583)"
-                  >
-                    <g>
-                      <use
-                        fill="rgb(210, 67, 58)"
-                        transform="translate(-17403 18583)"
-                        xlinkHref="#j"
-                      />
-                    </g>
-                  </g>
-                  <defs>
-                    <path
-                      d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
-                      fillRule="evenodd"
-                      id="j"
-                    />
-                  </defs>
+                  <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>
-                  Delete
+                  Remove
                 </span>
               </button>
             </div>
@@ -4027,112 +4005,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   display: inline-block;
 }
 
-.c8 {
-  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;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  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;
-  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);
-  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;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c8:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c8:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c8[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c8:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c8:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c8 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c8 svg {
-  max-height: 1.125rem;
-}
-
 .c31 {
   box-sizing: border-box;
   display: inline-block;
@@ -4151,6 +4023,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4239,6 +4112,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -4310,6 +4184,113 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   border-color: rgb(250,250,250);
 }
 
+.c8 {
+  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;
+  margin-bottom: 0.5rem;
+  margin-top: 0.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;
+  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);
+  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;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c8:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c8:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c8:active,
+.c8:active:hover,
+.c8:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c8[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c8:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c8:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c8:active,
+.c8:active:hover,
+.c8:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c8 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c8 svg {
+  max-height: 1.125rem;
+}
+
 .c34 {
   box-sizing: border-box;
   display: inline-block;
@@ -4328,6 +4309,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
   margin-top: 0.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;
@@ -5186,14 +5168,14 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bu"
+            htmlFor="G"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="bu"
+            id="G"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -5209,7 +5191,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bw"
+            htmlFor="I"
           >
             ⁣
           </label>
@@ -5299,7 +5281,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="bx"
+                  htmlFor="J"
                 >
                   Tag
                    key
@@ -5307,7 +5289,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                 <input
                   className="c26"
                   disabled={false}
-                  id="bx"
+                  id="J"
                   onBlur={null}
                 />
                 <label
@@ -5329,7 +5311,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
               >
                 <label
                   className="c4"
-                  htmlFor="by"
+                  htmlFor="K"
                 >
                   Tag
                    value
@@ -5337,7 +5319,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
                 <input
                   className="c26"
                   disabled={false}
-                  id="by"
+                  id="K"
                   onBlur={null}
                 />
                 <label
@@ -5502,6 +5484,7 @@ exports[`renders <Tags error /> without throwing 1`] = `
   margin-top: 0.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;
@@ -5890,14 +5873,14 @@ exports[`renders <Tags error /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="be"
+            htmlFor="q"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="be"
+            id="q"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -5913,7 +5896,7 @@ exports[`renders <Tags error /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bg"
+            htmlFor="s"
           >
             ⁣
           </label>
@@ -6101,6 +6084,7 @@ exports[`renders <Tags loading /> without throwing 1`] = `
   margin-top: 0.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;
@@ -6121,11 +6105,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
   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);
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -6164,23 +6143,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c8:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c8:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
 .c8 svg + span {
   margin-left: 0.75rem;
 }
@@ -6479,14 +6441,14 @@ exports[`renders <Tags loading /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bb"
+            htmlFor="n"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={true}
-            id="bb"
+            id="n"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -6502,13 +6464,13 @@ exports[`renders <Tags loading /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bd"
+            htmlFor="p"
           >
             ⁣
           </label>
           <button
             className="c8 c9 c10"
-            disabled={true}
+            disabled={false}
             href=""
             icon={true}
             onClick={[Function]}
@@ -6630,6 +6592,7 @@ exports[`renders <Tags tags /> without throwing 1`] = `
   margin-top: 0.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;
@@ -7054,14 +7017,14 @@ exports[`renders <Tags tags /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bz"
+            htmlFor="L"
           >
             Filter tags
           </label>
           <input
             className="c5"
             disabled={false}
-            id="bz"
+            id="L"
             onBlur={undefined}
             placeholder="Search by name or value"
           />
@@ -7077,7 +7040,7 @@ exports[`renders <Tags tags /> without throwing 1`] = `
         >
           <label
             className="c4"
-            htmlFor="bB"
+            htmlFor="N"
           >
             ⁣
           </label>
diff --git a/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap b/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
index a2b6a5f3..1566923f 100644
--- a/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
@@ -153,14 +153,13 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
@@ -323,14 +322,13 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
@@ -352,14 +350,13 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
diff --git a/packages/my-joy-beta/src/router.js b/packages/my-joy-beta/src/router.js
index a5f2ffe1..476806c1 100644
--- a/packages/my-joy-beta/src/router.js
+++ b/packages/my-joy-beta/src/router.js
@@ -102,62 +102,7 @@ export default () => (
           exact
           component={() => <Redirect to="/instances/~create/name" />}
         />
-        <Route
-          path="/instances/~create/name"
-          exact
-          component={props => <CreateInstance {...props} step="name" />}
-        />
-        <Route
-          path="/instances/~create/image"
-          exact
-          component={props => <CreateInstance {...props} step="image" />}
-        />
-        <Route
-          path="/instances/~create/package"
-          exact
-          component={props => <CreateInstance {...props} step="package" />}
-        />
-        <Route
-          path="/instances/~create/tags"
-          exact
-          component={props => <CreateInstance {...props} step="tags" />}
-        />
-        <Route
-          path="/instances/~create/metadata"
-          exact
-          component={props => <CreateInstance {...props} step="metadata" />}
-        />
-        <Route
-          path="/instances/~create/user-script"
-          exact
-          component={props => <CreateInstance {...props} step="user-script" />}
-        />
-        <Route
-          path="/instances/~create/networks"
-          exact
-          component={props => <CreateInstance {...props} step="networks" />}
-        />
-        <Route
-          path="/instances/~create/firewall"
-          exact
-          component={props => <CreateInstance {...props} step="firewall" />}
-        />
-        <Route
-          path="/instances/~create/cns"
-          exact
-          component={props => <CreateInstance {...props} step="cns" />}
-        />
-        <Route
-          path="/instances/~create/affinity"
-          exact
-          component={props => <CreateInstance {...props} step="affinity" />}
-        />
-        <Route
-          path="/instances/~create/summary"
-          exact
-          component={props => <CreateInstance {...props} step="summary" />}
-        />
-
+        <Route path="/instances/~create/:step" component={CreateInstance} />
         <Route
           path="/instances/~resize/:instance"
           exact
diff --git a/packages/navigation/package.json b/packages/navigation/package.json
index 8bbfbe26..03d23286 100644
--- a/packages/navigation/package.json
+++ b/packages/navigation/package.json
@@ -4,7 +4,7 @@
   "license": "MPL-2.0",
   "main": "lib",
   "scripts": {
-    "dev": "PREACT=1 REACT_APP_GQL_PORT=4000 PORT=3069 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start",
+    "dev": "PREACT=1 REACT_APP_GQL_PORT=4000 PORT=3000 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start",
     "build": "PREACT=1 NODE_ENV=production joyent-react-scripts build",
     "test": "NODE_ENV=test joyent-react-scripts test",
     "test-ci": "npm run test",
@@ -22,8 +22,8 @@
     "emotion": "^8.0.12",
     "emotion-theming": "^8.0.12",
     "graphql-tag": "^2.6.1",
-    "joyent-icons": "^3.0.0",
-    "joyent-ui-toolkit": "^4.4.2",
+    "joyent-icons": "^4.0.0",
+    "joyent-ui-toolkit": "^4.5.0",
     "lodash.chunk": "^4.2.0",
     "outy": "^0.1.2",
     "param-case": "^2.1.1",
diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json
index 7034bd9a..ba13b04e 100644
--- a/packages/ui-toolkit/package.json
+++ b/packages/ui-toolkit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "joyent-ui-toolkit",
-  "version": "4.4.2",
+  "version": "4.5.0",
   "license": "MPL-2.0",
   "repository": "github:yldio/joyent-portal",
   "main": "dist/umd/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "camel-case": "^3.0.0",
     "joy-react-broadcast": "^0.6.9",
-    "joyent-icons": "^3.0.0",
+    "joyent-icons": "^4.0.0",
     "lodash.isboolean": "^3.0.3",
     "lodash.isundefined": "^3.0.1",
     "normalized-styled-components": "^1.0.17",
diff --git a/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap b/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap
index 67c73441..c48c4214 100644
--- a/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap
+++ b/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap
@@ -4,6 +4,7 @@ exports[`Anchor Default Anchor 1`] = `
 .c1 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c0 {
@@ -27,6 +28,7 @@ exports[`Anchor Disabled Anchor 1`] = `
 .c1 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c0 {
@@ -58,6 +60,7 @@ exports[`Anchor Reversed Anchor 1`] = `
 .c1 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c0 {
diff --git a/packages/ui-toolkit/src/anchor/index.js b/packages/ui-toolkit/src/anchor/index.js
index ddd21024..09a897bc 100644
--- a/packages/ui-toolkit/src/anchor/index.js
+++ b/packages/ui-toolkit/src/anchor/index.js
@@ -1,10 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
-import { A } from 'normalized-styled-components';
+import { A as BaseA } from 'normalized-styled-components';
 import is, { isOr } from 'styled-is';
 import PropTypes from 'prop-types';
 import Baseline from '../baseline/index.js';
 
+const A = BaseA.extend`
+  font-family: ${props => props.theme.font.families};
+`;
+
 const BaseLink = styled(({ component, children, ...rest }) =>
   React.createElement(component, rest, children)
 )`
diff --git a/packages/ui-toolkit/src/base/global.js b/packages/ui-toolkit/src/base/global.js
index 13b68aee..0ee0097a 100644
--- a/packages/ui-toolkit/src/base/global.js
+++ b/packages/ui-toolkit/src/base/global.js
@@ -11,9 +11,7 @@ export default ({ theme }) => css`
 
   html, body {
     font-display: optional;
-    font-family: ${
-      theme.font.family
-    }, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
+    font-family: ${theme.font.families};
     font-weight: ${theme.font.weight.normal};
   }
 
@@ -49,5 +47,6 @@ export default ({ theme }) => css`
   .CodeMirror {
     border: solid 1px ${theme.grey};
     margin: ${remcalc(8)} 0 ${remcalc(8)} 0;
+    font-family: "Roboto Mono", monospace !important;
   }
 `;
diff --git a/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap b/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
index cecc8105..925c8bb7 100644
--- a/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
@@ -153,14 +153,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
@@ -182,14 +181,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
@@ -211,14 +209,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
@@ -240,14 +237,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
                 "transform": "rotate(-90deg)",
               }
             }
-            viewBox="0 0 9 6"
-            width="9"
+            viewBox="0 0 9.6 6"
+            width="9.6"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+              d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
               fill="rgb(151, 151, 151)"
-              fillRule="evenodd"
             />
           </svg>
         </div>
@@ -314,14 +310,13 @@ exports[`Breadcrumb Default Item 1`] = `
         "transform": "rotate(-90deg)",
       }
     }
-    viewBox="0 0 9 6"
-    width="9"
+    viewBox="0 0 9.6 6"
+    width="9.6"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
+      d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
       fill="rgb(151, 151, 151)"
-      fillRule="evenodd"
     />
   </svg>
 </div>
diff --git a/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap b/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap
index efa3a6c7..f4e3f3eb 100644
--- a/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap
+++ b/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap
@@ -4,6 +4,7 @@ exports[`Button Default Button 1`] = `
 .c3 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c2 {
@@ -37,6 +38,7 @@ exports[`Button Default Button 1`] = `
   margin-top: 0.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;
@@ -97,6 +99,7 @@ exports[`Button Disabled Button 1`] = `
 .c3 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c2 {
@@ -137,6 +140,7 @@ exports[`Button Disabled Button 1`] = `
   margin-top: 0.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;
@@ -220,6 +224,7 @@ exports[`Button Error Button 1`] = `
 .c3 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c2 {
@@ -253,6 +258,7 @@ exports[`Button Error Button 1`] = `
   margin-top: 0.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;
@@ -334,6 +340,7 @@ exports[`Button Loading Button 1`] = `
 .c3 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c2 {
@@ -374,6 +381,7 @@ exports[`Button Loading Button 1`] = `
   margin-top: 0.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;
@@ -457,6 +465,7 @@ exports[`Button Secondary Button 1`] = `
 .c3 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c2 {
@@ -492,6 +501,7 @@ exports[`Button Secondary Button 1`] = `
   margin-top: 0.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;
diff --git a/packages/ui-toolkit/src/button/index.js b/packages/ui-toolkit/src/button/index.js
index ef068db1..3418fbbf 100644
--- a/packages/ui-toolkit/src/button/index.js
+++ b/packages/ui-toolkit/src/button/index.js
@@ -89,6 +89,7 @@ const Button = styled(BaseButton)`
   padding: ${remcalc(15)} ${remcalc(18)};
   position: relative;
 
+  font-family: ${props => props.theme.font.families};
   font-size: ${remcalc(15)};
   text-align: center;
   font-style: normal;
diff --git a/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap b/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
index f0ce75b4..11963c0a 100644
--- a/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
+++ b/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
@@ -7,6 +7,7 @@ exports[`Form Checkbox 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
@@ -375,6 +376,7 @@ exports[`Form Legend 1`] = `
   max-width: 100%;
   padding: 0;
   white-space: normal;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
 }
 
@@ -392,6 +394,7 @@ exports[`Form Radio 1`] = `
   line-height: 1.15;
   margin: 0;
   overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
diff --git a/packages/ui-toolkit/src/form/base/toggle.js b/packages/ui-toolkit/src/form/base/toggle.js
index 082a84ad..a2f67515 100644
--- a/packages/ui-toolkit/src/form/base/toggle.js
+++ b/packages/ui-toolkit/src/form/base/toggle.js
@@ -10,6 +10,8 @@ import isUndefined from 'lodash.isundefined';
 import BaseInput from './input';
 
 const StyledInput = Input.extend`
+  font-family: ${props => props.theme.font.families};
+
   display: none;
 
   &:checked + label::after {
diff --git a/packages/ui-toolkit/src/form/legend.js b/packages/ui-toolkit/src/form/legend.js
index 7612fa39..114b997a 100644
--- a/packages/ui-toolkit/src/form/legend.js
+++ b/packages/ui-toolkit/src/form/legend.js
@@ -4,6 +4,7 @@ import Baseline from '../baseline';
 
 const StyledLegend = Legend.extend`
   /* trick prettier */
+  font-family: ${props => props.theme.font.families};
   font-weight: ${props => props.theme.font.weight.semibold};
 `;
 
diff --git a/packages/ui-toolkit/src/icons/index.js b/packages/ui-toolkit/src/icons/index.js
index 697143ef..fe0c9c96 100644
--- a/packages/ui-toolkit/src/icons/index.js
+++ b/packages/ui-toolkit/src/icons/index.js
@@ -42,6 +42,7 @@ import {
   Randomize as BaseRandomize,
   Reset as BaseReset,
   Restart as BaseRestart,
+  Script as BaseScript,
   Services as BaseServices,
   Start as BaseStart,
   Stop as BaseStop,
@@ -94,6 +95,7 @@ export const Public = Baseline(Colors(BasePublic));
 export const Randomize = Baseline(Colors(BaseRandomize));
 export const Reset = Baseline(Colors(BaseReset));
 export const Restart = Baseline(Colors(BaseRestart));
+export const Script = Baseline(Colors(BaseScript));
 export const Services = Baseline(Colors(BaseServices));
 export const Start = Baseline(Colors(BaseStart));
 export const Stop = Baseline(Colors(BaseStop));
diff --git a/packages/ui-toolkit/src/index.js b/packages/ui-toolkit/src/index.js
index 2ef2119c..627fff5e 100644
--- a/packages/ui-toolkit/src/index.js
+++ b/packages/ui-toolkit/src/index.js
@@ -98,6 +98,7 @@ export {
   Randomize as RandomizeIcon,
   Reset as ResetIcon,
   Restart as RestartIcon,
+  Script as ScriptIcon,
   Services as ServicesIcon,
   Start as StartIcon,
   Stop as StopIcon,
diff --git a/packages/ui-toolkit/src/message/__tests__/__snapshots__/message.spec.js.snap b/packages/ui-toolkit/src/message/__tests__/__snapshots__/message.spec.js.snap
index 3f20bff9..33e34fc9 100644
--- a/packages/ui-toolkit/src/message/__tests__/__snapshots__/message.spec.js.snap
+++ b/packages/ui-toolkit/src/message/__tests__/__snapshots__/message.spec.js.snap
@@ -122,7 +122,7 @@ exports[`Message Message 1`] = `
   </div>
   <svg
     className="c5 "
-    height="12"
+    height="11.31"
     innerRef={undefined}
     onClick={[Function]}
     style={
@@ -130,14 +130,13 @@ exports[`Message Message 1`] = `
         "transform": "rotate(0deg)",
       }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+      d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
       fill="rgba(73, 73, 73, 1)"
-      fillRule="evenodd"
     />
   </svg>
 </div>
@@ -238,7 +237,7 @@ exports[`Message Message Error 1`] = `
   </div>
   <svg
     className="c5 "
-    height="12"
+    height="11.31"
     innerRef={undefined}
     onClick={[Function]}
     style={
@@ -246,14 +245,13 @@ exports[`Message Message Error 1`] = `
         "transform": "rotate(0deg)",
       }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+      d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
       fill="rgba(73, 73, 73, 1)"
-      fillRule="evenodd"
     />
   </svg>
 </div>
@@ -354,7 +352,7 @@ exports[`Message Message Warning 1`] = `
   </div>
   <svg
     className="c5 "
-    height="12"
+    height="11.31"
     innerRef={undefined}
     onClick={[Function]}
     style={
@@ -362,14 +360,13 @@ exports[`Message Message Warning 1`] = `
         "transform": "rotate(0deg)",
       }
     }
-    viewBox="0 0 12 12"
-    width="12"
+    viewBox="0 0 11.31 11.31"
+    width="11.31"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
+      d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
       fill="rgba(73, 73, 73, 1)"
-      fillRule="evenodd"
     />
   </svg>
 </div>
diff --git a/packages/ui-toolkit/src/section-list/__tests__/__snapshots__/section.spec.js.snap b/packages/ui-toolkit/src/section-list/__tests__/__snapshots__/section.spec.js.snap
index 1e77f721..264bb9f6 100644
--- a/packages/ui-toolkit/src/section-list/__tests__/__snapshots__/section.spec.js.snap
+++ b/packages/ui-toolkit/src/section-list/__tests__/__snapshots__/section.spec.js.snap
@@ -4,6 +4,7 @@ exports[`SectionList Anchor 1`] = `
 .c2 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c1 {
@@ -37,6 +38,7 @@ exports[`SectionList Anchor 2`] = `
 .c2 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c1 {
@@ -72,6 +74,7 @@ exports[`SectionList Item 1`] = `
 .c3 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c2 {
@@ -116,6 +119,7 @@ exports[`SectionList SectionList 1`] = `
 .c4 {
   background-color: transparent;
   text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
 .c3 {
diff --git a/packages/ui-toolkit/src/text/__tests__/__snapshots__/text.spec.js.snap b/packages/ui-toolkit/src/text/__tests__/__snapshots__/text.spec.js.snap
index fabe5970..32e5d266 100644
--- a/packages/ui-toolkit/src/text/__tests__/__snapshots__/text.spec.js.snap
+++ b/packages/ui-toolkit/src/text/__tests__/__snapshots__/text.spec.js.snap
@@ -4,6 +4,7 @@ exports[`Button H1 1`] = `
 .c0 {
   font-size: 2rem;
   margin: 0.625rem 0;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   color: rgba(73,73,73,1);
   font-size: 2.25rem;
   line-height: 2.8125rem;
@@ -209,6 +210,7 @@ exports[`Button Paragraph 1`] = `
 exports[`Button Small 1`] = `
 .c0 {
   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;
diff --git a/packages/ui-toolkit/src/text/headings.js b/packages/ui-toolkit/src/text/headings.js
index fd17c4e9..219e32a9 100644
--- a/packages/ui-toolkit/src/text/headings.js
+++ b/packages/ui-toolkit/src/text/headings.js
@@ -4,6 +4,7 @@ import remcalc from 'remcalc';
 import is, { isNot } from 'styled-is';
 
 export const H1 = NH1.extend`
+  font-family: ${props => props.theme.font.families};
   color: ${props => props.theme.text};
 
   font-size: ${remcalc(36)};
diff --git a/packages/ui-toolkit/src/text/small.js b/packages/ui-toolkit/src/text/small.js
index 4ae227a5..af50060f 100644
--- a/packages/ui-toolkit/src/text/small.js
+++ b/packages/ui-toolkit/src/text/small.js
@@ -3,6 +3,7 @@ import remcalc from 'remcalc';
 import is, { isNot } from 'styled-is';
 
 export default Small.extend`
+  font-family: ${props => props.theme.font.families};
   color: ${props => props.theme.text};
 
   line-height: ${remcalc(18)};
diff --git a/packages/ui-toolkit/src/theme/index.js b/packages/ui-toolkit/src/theme/index.js
index 96021345..22695b8d 100644
--- a/packages/ui-toolkit/src/theme/index.js
+++ b/packages/ui-toolkit/src/theme/index.js
@@ -86,6 +86,8 @@ export const font = {
   abbrBorderColor: base.secondary,
   textMuted: base.secondary,
   family: '"Libre Franklin"',
+  families:
+    '"Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif',
   href: () =>
     `${document.location.protocol}//${
       document.location.host
diff --git a/yarn.lock b/yarn.lock
index 941ca71a..6c5567c4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2403,7 +2403,7 @@ code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
 
-codemirror@^5.32.0:
+codemirror@^5.18.2, codemirror@^5.32.0:
   version "5.33.0"
   resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.33.0.tgz#462ad9a6fe8d38b541a9536a3997e1ef93b40c6a"
 
@@ -2872,6 +2872,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+create-react-class@^15.5.1:
+  version "15.6.2"
+  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.2.tgz#cf1ed15f12aad7f14ef5f2dfe05e6c42f91ef02a"
+  dependencies:
+    fbjs "^0.8.9"
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
 cross-env@^5.1.0:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-5.1.3.tgz#f8ae18faac87692b0a8b4d2f7000d4ec3a85dfd7"
@@ -6101,8 +6109,8 @@ jest@20.0.4:
     jest-cli "^20.0.4"
 
 joi@13.x.x:
-  version "13.1.0"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-13.1.0.tgz#59e7b8714b932a1e342c3583d5841d7169ff1822"
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/joi/-/joi-13.1.1.tgz#1f306a5c3ded496da46629915d09e1ae3825185c"
   dependencies:
     hoek "5.x.x"
     isemail "3.x.x"
@@ -6115,6 +6123,14 @@ joy-react-broadcast@^0.6.9:
     prop-types "^15.5.6"
     warning "^3.0.0"
 
+joyent-manifest-editor@1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/joyent-manifest-editor/-/joyent-manifest-editor-1.4.0.tgz#0c02efe6c02b0386a5b209ae4ddcc3492b9c22ac"
+  dependencies:
+    prettier "^1.7.4"
+    prop-types "^15.6.0"
+    react-codemirror "^1.0.0"
+
 joyent-react-scripts@^7.2.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/joyent-react-scripts/-/joyent-react-scripts-7.2.0.tgz#e71e500f13b8405ba5f0160c5ad89455d6647312"
@@ -6537,6 +6553,10 @@ lodash.cond@^4.3.0:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5"
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+
 lodash.defaults@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
@@ -8136,6 +8156,10 @@ prettier@1.7.4:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.7.4.tgz#5e8624ae9363c80f95ec644584ecdf55d74f93fa"
 
+prettier@^1.7.4:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.10.2.tgz#1af8356d1842276a99a5b5529c82dd9e9ad3cc93"
+
 pretty-bytes@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"
@@ -8423,6 +8447,17 @@ react-codemirror2@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/react-codemirror2/-/react-codemirror2-3.0.7.tgz#d5d9888158263ae56da766539d7803486566ab9f"
 
+react-codemirror@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/react-codemirror/-/react-codemirror-1.0.0.tgz#91467b53b1f5d80d916a2fd0b4c7adb85a9001ba"
+  dependencies:
+    classnames "^2.2.5"
+    codemirror "^5.18.2"
+    create-react-class "^15.5.1"
+    lodash.debounce "^4.0.8"
+    lodash.isequal "^4.5.0"
+    prop-types "^15.5.4"
+
 react-create-component-from-tag-prop@^1.2.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/react-create-component-from-tag-prop/-/react-create-component-from-tag-prop-1.3.1.tgz#5389407d99f88ba2b36351780a6094470b44a7c7"
@@ -9928,8 +9963,8 @@ sshpk@^1.7.0:
     tweetnacl "~0.14.0"
 
 ssri@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-5.0.0.tgz#13c19390b606c821f2a10d02b351c1729b94d8cf"
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-5.1.0.tgz#2cbf1df36b74d0fc91fcf89640a4b3e1d10b1899"
   dependencies:
     safe-buffer "^5.1.0"
 
@@ -10580,8 +10615,8 @@ type-component@0.0.1:
   resolved "https://registry.yarnpkg.com/type-component/-/type-component-0.0.1.tgz#952a6c81c21efd24d13d811d0c8498cb860e1956"
 
 type-detect@^4.0.5:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.6.tgz#88cbce3d13bc675a63f840b3225c180f870786d7"
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.7.tgz#862bd2cf6058ad92799ff5a5b8cf7b6cec726198"
 
 type-is@~1.6.15:
   version "1.6.15"