diff --git a/src/components/Atomic/FormSelect/__snapshots__/FormSelect.test.tsx.snap b/src/components/Atomic/FormSelect/__snapshots__/FormSelect.test.tsx.snap
index 2da0503d..4ec3bd04 100644
--- a/src/components/Atomic/FormSelect/__snapshots__/FormSelect.test.tsx.snap
+++ b/src/components/Atomic/FormSelect/__snapshots__/FormSelect.test.tsx.snap
@@ -3,12 +3,15 @@
 exports[`<FormSelect> render correctly - snapshot 1`] = `
 <DocumentFragment>
   .emotion-0 {
+  width: 100%;
+}
+
+.emotion-1 {
   position: relative;
   box-sizing: border-box;
-  width: 100%;
 }
 
-.emotion-0 .select__control {
+.emotion-1 .select__control {
   height: 44px;
   min-height: 44px;
   border-radius: 8px;
@@ -18,17 +21,17 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   border: 1px solid #D7D8DA;
 }
 
-.emotion-0 .select__control:focus {
+.emotion-1 .select__control:focus {
   outline: none;
 }
 
-.emotion-0 .select__control:hover {
+.emotion-1 .select__control:hover {
   outline: none;
   border: 1px solid #007BBF;
 }
 
-.emotion-0 .select__control .select__value-container .select__placeholder,
-.emotion-0 .select__control .select__value-container .select__input-container {
+.emotion-1 .select__control .select__value-container .select__placeholder,
+.emotion-1 .select__control .select__value-container .select__input-container {
   font-family: 'Poppins',sans-serif;
   font-style: normal;
   font-weight: 400;
@@ -37,8 +40,8 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   color: #252626!important;
 }
 
-.emotion-0 .select__control .select__value-container .select__placeholder input,
-.emotion-0 .select__control .select__value-container .select__input-container input {
+.emotion-1 .select__control .select__value-container .select__placeholder input,
+.emotion-1 .select__control .select__value-container .select__input-container input {
   font-family: 'Poppins',sans-serif;
   font-style: normal!important;
   font-weight: 400!important;
@@ -47,23 +50,23 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   color: #252626!important;
 }
 
-.emotion-0 .select__control.select__control--menu-is-open {
+.emotion-1 .select__control.select__control--menu-is-open {
   border: 1px solid #007BBF;
 }
 
-.emotion-0 .select__control.select__control--is-focused {
+.emotion-1 .select__control.select__control--is-focused {
   box-shadow: none;
 }
 
-.emotion-0 .select__indicator-separator {
+.emotion-1 .select__indicator-separator {
   display: none;
 }
 
-.emotion-0 .select__input-container {
+.emotion-1 .select__input-container {
   margin: 0;
 }
 
-.emotion-1 {
+.emotion-2 {
   z-index: 9999;
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
@@ -75,7 +78,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   white-space: nowrap;
 }
 
-.emotion-3 {
+.emotion-4 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -112,20 +115,20 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   border: 1px solid #D7D8DA;
 }
 
-.emotion-3:hover {
+.emotion-4:hover {
   border-color: hsl(0, 0%, 70%);
 }
 
-.emotion-3:focus {
+.emotion-4:focus {
   outline: none;
 }
 
-.emotion-3:hover {
+.emotion-4:hover {
   outline: none;
   border: 1px solid #007BBF;
 }
 
-.emotion-4 {
+.emotion-5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -146,7 +149,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   padding: 0 0 0 15px;
 }
 
-.emotion-5 {
+.emotion-6 {
   grid-area: 1/1/2/3;
   color: hsl(0, 0%, 50%);
   margin-left: 2px;
@@ -159,7 +162,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   line-height: 22px;
 }
 
-.emotion-6 {
+.emotion-7 {
   visibility: visible;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
@@ -174,7 +177,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-6:after {
+.emotion-7:after {
   content: attr(data-value) " ";
   visibility: hidden;
   white-space: pre;
@@ -187,7 +190,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   padding: 0;
 }
 
-.emotion-7 {
+.emotion-8 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -205,7 +208,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-8 {
+.emotion-9 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
@@ -216,7 +219,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-9 {
+.emotion-10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -229,17 +232,17 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   padding: 4px 16px 4px 4px;
 }
 
-.emotion-9:hover {
+.emotion-10:hover {
   color: hsl(0, 0%, 60%);
 }
 
-.emotion-10 {
+.emotion-11 {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #81868C;
 }
 
-.emotion-16 {
+.emotion-18 {
   grid-area: 1/1/2/3;
   max-width: 100%;
   overflow: hidden;
@@ -257,7 +260,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   text-align: left;
 }
 
-.emotion-21 {
+.emotion-23 {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #81868C;
@@ -267,7 +270,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   transform: rotate(180deg);
 }
 
-.emotion-22 {
+.emotion-24 {
   top: 100%;
   position: absolute;
   width: -webkit-max-content;
@@ -291,7 +294,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   z-index: 1;
 }
 
-.emotion-23 {
+.emotion-25 {
   max-height: 300px;
   overflow-y: auto;
   position: relative;
@@ -303,7 +306,7 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   padding: 8px 0;
 }
 
-.emotion-24 {
+.emotion-26 {
   cursor: default;
   display: block;
   font-size: inherit;
@@ -338,16 +341,16 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
   padding: 8px 16px;
 }
 
-.emotion-24:active {
+.emotion-26:active {
   background-color: #B2D4FF;
 }
 
-.emotion-24:hover {
+.emotion-26:hover {
   color: #2261AE;
   background: transparent;
 }
 
-.emotion-24:active {
+.emotion-26:active {
   background: transparent;
 }
 
@@ -355,207 +358,215 @@ exports[`<FormSelect> render correctly - snapshot 1`] = `
     <div
       class="emotion-0"
     >
-      <span
-        class="emotion-1"
-        id="react-select-2-live-region"
-      />
-      <span
-        aria-atomic="false"
-        aria-live="polite"
-        aria-relevant="additions text"
-        class="emotion-1"
-        role="log"
-      />
       <div
-        class="select__control emotion-3"
+        class="emotion-1"
       >
+        <span
+          class="emotion-2"
+          id="react-select-2-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="emotion-2"
+          role="log"
+        />
         <div
-          class="select__value-container emotion-4"
+          class="select__control emotion-4"
         >
           <div
-            class="select__placeholder emotion-5"
-            id="react-select-2-placeholder"
+            class="select__value-container emotion-5"
           >
-            Select...
+            <div
+              class="select__placeholder emotion-6"
+              id="react-select-2-placeholder"
+            >
+              Select...
+            </div>
+            <div
+              class="select__input-container emotion-7"
+              data-value=""
+            >
+              <input
+                aria-activedescendant=""
+                aria-autocomplete="list"
+                aria-describedby="react-select-2-placeholder"
+                aria-expanded="false"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="select__input"
+                id="react-select-2-input"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
           </div>
           <div
-            class="select__input-container emotion-6"
-            data-value=""
+            class="select__indicators emotion-8"
           >
-            <input
-              aria-activedescendant=""
-              aria-autocomplete="list"
-              aria-describedby="react-select-2-placeholder"
-              aria-expanded="false"
-              aria-haspopup="true"
-              autocapitalize="none"
-              autocomplete="off"
-              autocorrect="off"
-              class="select__input"
-              id="react-select-2-input"
-              role="combobox"
-              spellcheck="false"
-              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-              tabindex="0"
-              type="text"
-              value=""
+            <span
+              class="select__indicator-separator emotion-9"
             />
-          </div>
-        </div>
-        <div
-          class="select__indicators emotion-7"
-        >
-          <span
-            class="select__indicator-separator emotion-8"
-          />
-          <div
-            aria-hidden="true"
-            class="select__indicator select__dropdown-indicator emotion-9"
-          >
             <div
-              class="emotion-10"
+              aria-hidden="true"
+              class="select__indicator select__dropdown-indicator emotion-10"
             >
-              <svg
-                fill="none"
-                height="10"
-                viewBox="0 0 6 4"
-                width="10"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                class="emotion-11"
               >
-                <path
-                  d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                  fill="currentcolor"
-                />
-              </svg>
+                <svg
+                  fill="none"
+                  height="10"
+                  viewBox="0 0 6 4"
+                  width="10"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                    fill="currentcolor"
+                  />
+                </svg>
+              </div>
             </div>
           </div>
         </div>
+        <input
+          name="form-select-1"
+          type="hidden"
+          value=""
+        />
       </div>
-      <input
-        name="form-select-1"
-        type="hidden"
-        value=""
-      />
     </div>
     <br />
     <div
       class="emotion-0"
     >
-      <span
-        class="emotion-1"
-        id="react-select-3-live-region"
-      />
-      <span
-        aria-atomic="false"
-        aria-live="polite"
-        aria-relevant="additions text"
-        class="emotion-1"
-        role="log"
-      />
       <div
-        class="select__control select__control--menu-is-open emotion-3"
+        class="emotion-1"
       >
+        <span
+          class="emotion-2"
+          id="react-select-3-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="emotion-2"
+          role="log"
+        />
         <div
-          class="select__value-container select__value-container--has-value emotion-4"
+          class="select__control select__control--menu-is-open emotion-4"
         >
           <div
-            class="select__single-value emotion-16"
+            class="select__value-container select__value-container--has-value emotion-5"
           >
-            Strawberry
+            <div
+              class="select__single-value emotion-18"
+            >
+              Strawberry
+            </div>
+            <div
+              class="select__input-container emotion-7"
+              data-value=""
+            >
+              <input
+                aria-activedescendant=""
+                aria-autocomplete="list"
+                aria-controls="react-select-3-listbox"
+                aria-expanded="true"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="select__input"
+                id="react-select-3-input"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
           </div>
           <div
-            class="select__input-container emotion-6"
-            data-value=""
+            class="select__indicators emotion-8"
           >
-            <input
-              aria-activedescendant=""
-              aria-autocomplete="list"
-              aria-controls="react-select-3-listbox"
-              aria-expanded="true"
-              aria-haspopup="true"
-              autocapitalize="none"
-              autocomplete="off"
-              autocorrect="off"
-              class="select__input"
-              id="react-select-3-input"
-              role="combobox"
-              spellcheck="false"
-              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-              tabindex="0"
-              type="text"
-              value=""
+            <span
+              class="select__indicator-separator emotion-9"
             />
-          </div>
-        </div>
-        <div
-          class="select__indicators emotion-7"
-        >
-          <span
-            class="select__indicator-separator emotion-8"
-          />
-          <div
-            aria-hidden="true"
-            class="select__indicator select__dropdown-indicator emotion-9"
-          >
             <div
-              class="emotion-21"
+              aria-hidden="true"
+              class="select__indicator select__dropdown-indicator emotion-10"
             >
-              <svg
-                fill="none"
-                height="10"
-                viewBox="0 0 6 4"
-                width="10"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                class="emotion-23"
               >
-                <path
-                  d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                  fill="currentcolor"
-                />
-              </svg>
+                <svg
+                  fill="none"
+                  height="10"
+                  viewBox="0 0 6 4"
+                  width="10"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                    fill="currentcolor"
+                  />
+                </svg>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="select__menu emotion-22"
-      >
         <div
-          aria-multiselectable="false"
-          class="select__menu-list emotion-23"
-          id="react-select-3-listbox"
-          role="listbox"
+          class="select__menu emotion-24"
         >
           <div
-            aria-disabled="false"
-            aria-selected="false"
-            class="select__option emotion-24"
-            id="react-select-3-option-0"
-            role="option"
-            tabindex="-1"
-          >
-            <span>
-              Chocolate
-            </span>
-          </div>
-          <div
-            aria-disabled="false"
-            aria-selected="false"
-            class="select__option emotion-24"
-            id="react-select-3-option-2"
-            role="option"
-            tabindex="-1"
+            aria-multiselectable="false"
+            class="select__menu-list emotion-25"
+            id="react-select-3-listbox"
+            role="listbox"
           >
-            <span>
-              Vanilla
-            </span>
+            <div
+              aria-disabled="false"
+              aria-selected="false"
+              class="select__option emotion-26"
+              id="react-select-3-option-0"
+              role="option"
+              tabindex="-1"
+            >
+              <span>
+                Chocolate
+              </span>
+            </div>
+            <div
+              aria-disabled="false"
+              aria-selected="false"
+              class="select__option emotion-26"
+              id="react-select-3-option-2"
+              role="option"
+              tabindex="-1"
+            >
+              <span>
+                Vanilla
+              </span>
+            </div>
           </div>
         </div>
+        <input
+          name="form-select-2"
+          type="hidden"
+          value="strawberry"
+        />
       </div>
-      <input
-        name="form-select-2"
-        type="hidden"
-        value="strawberry"
-      />
     </div>
   </div>
 </DocumentFragment>
diff --git a/src/components/Organisms/ResourceToggleCreator/__snapshots__/ResourceToggleCreator.test.tsx.snap b/src/components/Organisms/ResourceToggleCreator/__snapshots__/ResourceToggleCreator.test.tsx.snap
index 74a23d7b..ef01cc8a 100644
--- a/src/components/Organisms/ResourceToggleCreator/__snapshots__/ResourceToggleCreator.test.tsx.snap
+++ b/src/components/Organisms/ResourceToggleCreator/__snapshots__/ResourceToggleCreator.test.tsx.snap
@@ -610,13 +610,16 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
 }
 
 .emotion-37 {
+  width: 100%;
+}
+
+.emotion-38 {
   pointer-events: none;
   position: relative;
   box-sizing: border-box;
-  width: 100%;
 }
 
-.emotion-37 .select__control {
+.emotion-38 .select__control {
   height: 44px;
   min-height: 44px;
   border-radius: 8px;
@@ -626,17 +629,17 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   border: 1px solid #D7D8DA;
 }
 
-.emotion-37 .select__control:focus {
+.emotion-38 .select__control:focus {
   outline: none;
 }
 
-.emotion-37 .select__control:hover {
+.emotion-38 .select__control:hover {
   outline: none;
   border: 1px solid #007BBF;
 }
 
-.emotion-37 .select__control .select__value-container .select__placeholder,
-.emotion-37 .select__control .select__value-container .select__input-container {
+.emotion-38 .select__control .select__value-container .select__placeholder,
+.emotion-38 .select__control .select__value-container .select__input-container {
   font-family: 'Poppins',sans-serif;
   font-style: normal;
   font-weight: 400;
@@ -645,8 +648,8 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   color: #252626!important;
 }
 
-.emotion-37 .select__control .select__value-container .select__placeholder input,
-.emotion-37 .select__control .select__value-container .select__input-container input {
+.emotion-38 .select__control .select__value-container .select__placeholder input,
+.emotion-38 .select__control .select__value-container .select__input-container input {
   font-family: 'Poppins',sans-serif;
   font-style: normal!important;
   font-weight: 400!important;
@@ -655,19 +658,19 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   color: #252626!important;
 }
 
-.emotion-37 .select__control.select__control--is-focused {
+.emotion-38 .select__control.select__control--is-focused {
   box-shadow: none;
 }
 
-.emotion-37 .select__indicator-separator {
+.emotion-38 .select__indicator-separator {
   display: none;
 }
 
-.emotion-37 .select__input-container {
+.emotion-38 .select__input-container {
   margin: 0;
 }
 
-.emotion-38 {
+.emotion-39 {
   z-index: 9999;
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
@@ -679,7 +682,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   white-space: nowrap;
 }
 
-.emotion-40 {
+.emotion-41 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -718,20 +721,20 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   min-height: 36px!important;
 }
 
-.emotion-40:hover {
+.emotion-41:hover {
   border-color: hsl(0, 0%, 70%);
 }
 
-.emotion-40:focus {
+.emotion-41:focus {
   outline: none;
 }
 
-.emotion-40:hover {
+.emotion-41:hover {
   outline: none;
   border: 1px solid #007BBF;
 }
 
-.emotion-41 {
+.emotion-42 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -752,7 +755,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   padding: 0 0 0 15px;
 }
 
-.emotion-42 {
+.emotion-43 {
   grid-area: 1/1/2/3;
   max-width: 100%;
   overflow: hidden;
@@ -771,7 +774,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   color: #81868C;
 }
 
-.emotion-43 {
+.emotion-44 {
   visibility: hidden;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
@@ -786,7 +789,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-43:after {
+.emotion-44:after {
   content: attr(data-value) " ";
   visibility: hidden;
   white-space: pre;
@@ -799,7 +802,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   padding: 0;
 }
 
-.emotion-44 {
+.emotion-45 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -817,7 +820,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-45 {
+.emotion-46 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
@@ -828,7 +831,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-46 {
+.emotion-47 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -841,17 +844,17 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   padding: 4px 16px 4px 4px;
 }
 
-.emotion-46:hover {
+.emotion-47:hover {
   color: hsl(0, 0%, 60%);
 }
 
-.emotion-47 {
+.emotion-48 {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #81868C;
 }
 
-.emotion-52 {
+.emotion-53 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -876,7 +879,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   text-transform: lowercase;
 }
 
-.emotion-68 {
+.emotion-69 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -911,19 +914,19 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   line-height: 20px;
 }
 
-.emotion-68:hover {
+.emotion-69:hover {
   background: #0A2965;
   border-color: #0A2965;
   color: #FFFFFF;
 }
 
-.emotion-68:hover {
+.emotion-69:hover {
   background: #ffffff;
   border-color: #D7D8DA;
   color: #D7D8DA;
 }
 
-.emotion-100 {
+.emotion-102 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -948,7 +951,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
   text-transform: lowercase;
 }
 
-.emotion-199 {
+.emotion-203 {
   width: 1px;
   height: 20px;
   background: #E6E9ED;
@@ -1164,81 +1167,85 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                           Unit
                         </label>
                         <div
-                          class="select--is-disabled emotion-37"
-                          id="Unit"
+                          class="emotion-37"
                         >
-                          <span
-                            class="emotion-38"
-                            id="react-select-7-live-region"
-                          />
-                          <span
-                            aria-atomic="false"
-                            aria-live="polite"
-                            aria-relevant="additions text"
-                            class="emotion-38"
-                            role="log"
-                          />
                           <div
-                            aria-disabled="true"
-                            class="select__control select__control--is-disabled emotion-40"
+                            class="select--is-disabled emotion-38"
+                            id="Unit"
                           >
+                            <span
+                              class="emotion-39"
+                              id="react-select-7-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="emotion-39"
+                              role="log"
+                            />
                             <div
-                              class="select__value-container select__value-container--has-value emotion-41"
+                              aria-disabled="true"
+                              class="select__control select__control--is-disabled emotion-41"
                             >
                               <div
-                                class="select__single-value select__single-value--is-disabled emotion-42"
+                                class="select__value-container select__value-container--has-value emotion-42"
                               >
-                                default
+                                <div
+                                  class="select__single-value select__single-value--is-disabled emotion-43"
+                                >
+                                  default
+                                </div>
+                                <div
+                                  class="select__input-container emotion-44"
+                                  data-value=""
+                                >
+                                  <input
+                                    aria-activedescendant=""
+                                    aria-autocomplete="list"
+                                    aria-expanded="false"
+                                    aria-haspopup="true"
+                                    autocapitalize="none"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="select__input"
+                                    disabled=""
+                                    id="react-select-7-input"
+                                    role="combobox"
+                                    spellcheck="false"
+                                    style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                    tabindex="0"
+                                    type="text"
+                                    value=""
+                                  />
+                                </div>
                               </div>
                               <div
-                                class="select__input-container emotion-43"
-                                data-value=""
+                                class="select__indicators emotion-45"
                               >
-                                <input
-                                  aria-activedescendant=""
-                                  aria-autocomplete="list"
-                                  aria-expanded="false"
-                                  aria-haspopup="true"
-                                  autocapitalize="none"
-                                  autocomplete="off"
-                                  autocorrect="off"
-                                  class="select__input"
-                                  disabled=""
-                                  id="react-select-7-input"
-                                  role="combobox"
-                                  spellcheck="false"
-                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                                  tabindex="0"
-                                  type="text"
-                                  value=""
+                                <span
+                                  class="select__indicator-separator emotion-46"
                                 />
-                              </div>
-                            </div>
-                            <div
-                              class="select__indicators emotion-44"
-                            >
-                              <span
-                                class="select__indicator-separator emotion-45"
-                              />
-                              <div
-                                aria-hidden="true"
-                                class="select__indicator select__dropdown-indicator emotion-46"
-                              >
                                 <div
-                                  class="emotion-47"
+                                  aria-hidden="true"
+                                  class="select__indicator select__dropdown-indicator emotion-47"
                                 >
-                                  <svg
-                                    fill="none"
-                                    height="10"
-                                    viewBox="0 0 6 4"
-                                    width="10"
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <div
+                                    class="emotion-48"
                                   >
-                                    <path
-                                      d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                                      fill="currentcolor"
-                                    />
-                                  </svg>
+                                    <svg
+                                      fill="none"
+                                      height="10"
+                                      viewBox="0 0 6 4"
+                                      width="10"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                                        fill="currentcolor"
+                                      />
+                                    </svg>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -1274,7 +1281,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
             data-test-id="resource-toggle-creator-1-status-tag"
           >
             <div
-              class="emotion-52"
+              class="emotion-53"
             >
               CANCELED
             </div>
@@ -1369,7 +1376,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                 class="emotion-12"
               >
                 <button
-                  class="emotion-68"
+                  class="emotion-69"
                   disabled=""
                   tabindex="1"
                   type="submit"
@@ -1461,81 +1468,85 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                           Unit
                         </label>
                         <div
-                          class="select--is-disabled emotion-37"
-                          id="Unit"
+                          class="emotion-37"
                         >
-                          <span
-                            class="emotion-38"
-                            id="react-select-8-live-region"
-                          />
-                          <span
-                            aria-atomic="false"
-                            aria-live="polite"
-                            aria-relevant="additions text"
-                            class="emotion-38"
-                            role="log"
-                          />
                           <div
-                            aria-disabled="true"
-                            class="select__control select__control--is-disabled emotion-40"
+                            class="select--is-disabled emotion-38"
+                            id="Unit"
                           >
+                            <span
+                              class="emotion-39"
+                              id="react-select-8-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="emotion-39"
+                              role="log"
+                            />
                             <div
-                              class="select__value-container select__value-container--has-value emotion-41"
+                              aria-disabled="true"
+                              class="select__control select__control--is-disabled emotion-41"
                             >
                               <div
-                                class="select__single-value select__single-value--is-disabled emotion-42"
+                                class="select__value-container select__value-container--has-value emotion-42"
                               >
-                                default
+                                <div
+                                  class="select__single-value select__single-value--is-disabled emotion-43"
+                                >
+                                  default
+                                </div>
+                                <div
+                                  class="select__input-container emotion-44"
+                                  data-value=""
+                                >
+                                  <input
+                                    aria-activedescendant=""
+                                    aria-autocomplete="list"
+                                    aria-expanded="false"
+                                    aria-haspopup="true"
+                                    autocapitalize="none"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="select__input"
+                                    disabled=""
+                                    id="react-select-8-input"
+                                    role="combobox"
+                                    spellcheck="false"
+                                    style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                    tabindex="0"
+                                    type="text"
+                                    value=""
+                                  />
+                                </div>
                               </div>
                               <div
-                                class="select__input-container emotion-43"
-                                data-value=""
+                                class="select__indicators emotion-45"
                               >
-                                <input
-                                  aria-activedescendant=""
-                                  aria-autocomplete="list"
-                                  aria-expanded="false"
-                                  aria-haspopup="true"
-                                  autocapitalize="none"
-                                  autocomplete="off"
-                                  autocorrect="off"
-                                  class="select__input"
-                                  disabled=""
-                                  id="react-select-8-input"
-                                  role="combobox"
-                                  spellcheck="false"
-                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                                  tabindex="0"
-                                  type="text"
-                                  value=""
+                                <span
+                                  class="select__indicator-separator emotion-46"
                                 />
-                              </div>
-                            </div>
-                            <div
-                              class="select__indicators emotion-44"
-                            >
-                              <span
-                                class="select__indicator-separator emotion-45"
-                              />
-                              <div
-                                aria-hidden="true"
-                                class="select__indicator select__dropdown-indicator emotion-46"
-                              >
                                 <div
-                                  class="emotion-47"
+                                  aria-hidden="true"
+                                  class="select__indicator select__dropdown-indicator emotion-47"
                                 >
-                                  <svg
-                                    fill="none"
-                                    height="10"
-                                    viewBox="0 0 6 4"
-                                    width="10"
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <div
+                                    class="emotion-48"
                                   >
-                                    <path
-                                      d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                                      fill="currentcolor"
-                                    />
-                                  </svg>
+                                    <svg
+                                      fill="none"
+                                      height="10"
+                                      viewBox="0 0 6 4"
+                                      width="10"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                                        fill="currentcolor"
+                                      />
+                                    </svg>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -1571,7 +1582,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
             data-test-id="resource-toggle-creator-2-status-tag"
           >
             <div
-              class="emotion-100"
+              class="emotion-102"
             >
               ERROR
             </div>
@@ -1757,81 +1768,85 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                           Unit
                         </label>
                         <div
-                          class="select--is-disabled emotion-37"
-                          id="Unit"
+                          class="emotion-37"
                         >
-                          <span
-                            class="emotion-38"
-                            id="react-select-9-live-region"
-                          />
-                          <span
-                            aria-atomic="false"
-                            aria-live="polite"
-                            aria-relevant="additions text"
-                            class="emotion-38"
-                            role="log"
-                          />
                           <div
-                            aria-disabled="true"
-                            class="select__control select__control--is-disabled emotion-40"
+                            class="select--is-disabled emotion-38"
+                            id="Unit"
                           >
+                            <span
+                              class="emotion-39"
+                              id="react-select-9-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="emotion-39"
+                              role="log"
+                            />
                             <div
-                              class="select__value-container select__value-container--has-value emotion-41"
+                              aria-disabled="true"
+                              class="select__control select__control--is-disabled emotion-41"
                             >
                               <div
-                                class="select__single-value select__single-value--is-disabled emotion-42"
+                                class="select__value-container select__value-container--has-value emotion-42"
                               >
-                                default
+                                <div
+                                  class="select__single-value select__single-value--is-disabled emotion-43"
+                                >
+                                  default
+                                </div>
+                                <div
+                                  class="select__input-container emotion-44"
+                                  data-value=""
+                                >
+                                  <input
+                                    aria-activedescendant=""
+                                    aria-autocomplete="list"
+                                    aria-expanded="false"
+                                    aria-haspopup="true"
+                                    autocapitalize="none"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="select__input"
+                                    disabled=""
+                                    id="react-select-9-input"
+                                    role="combobox"
+                                    spellcheck="false"
+                                    style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                    tabindex="0"
+                                    type="text"
+                                    value=""
+                                  />
+                                </div>
                               </div>
                               <div
-                                class="select__input-container emotion-43"
-                                data-value=""
+                                class="select__indicators emotion-45"
                               >
-                                <input
-                                  aria-activedescendant=""
-                                  aria-autocomplete="list"
-                                  aria-expanded="false"
-                                  aria-haspopup="true"
-                                  autocapitalize="none"
-                                  autocomplete="off"
-                                  autocorrect="off"
-                                  class="select__input"
-                                  disabled=""
-                                  id="react-select-9-input"
-                                  role="combobox"
-                                  spellcheck="false"
-                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                                  tabindex="0"
-                                  type="text"
-                                  value=""
+                                <span
+                                  class="select__indicator-separator emotion-46"
                                 />
-                              </div>
-                            </div>
-                            <div
-                              class="select__indicators emotion-44"
-                            >
-                              <span
-                                class="select__indicator-separator emotion-45"
-                              />
-                              <div
-                                aria-hidden="true"
-                                class="select__indicator select__dropdown-indicator emotion-46"
-                              >
                                 <div
-                                  class="emotion-47"
+                                  aria-hidden="true"
+                                  class="select__indicator select__dropdown-indicator emotion-47"
                                 >
-                                  <svg
-                                    fill="none"
-                                    height="10"
-                                    viewBox="0 0 6 4"
-                                    width="10"
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <div
+                                    class="emotion-48"
                                   >
-                                    <path
-                                      d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                                      fill="currentcolor"
-                                    />
-                                  </svg>
+                                    <svg
+                                      fill="none"
+                                      height="10"
+                                      viewBox="0 0 6 4"
+                                      width="10"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                                        fill="currentcolor"
+                                      />
+                                    </svg>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -1867,7 +1882,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
             data-test-id="resource-toggle-creator-3-status-tag"
           >
             <div
-              class="emotion-100"
+              class="emotion-102"
             >
               TIMEOUT
             </div>
@@ -2053,81 +2068,85 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                           Unit
                         </label>
                         <div
-                          class="select--is-disabled emotion-37"
-                          id="Unit"
+                          class="emotion-37"
                         >
-                          <span
-                            class="emotion-38"
-                            id="react-select-10-live-region"
-                          />
-                          <span
-                            aria-atomic="false"
-                            aria-live="polite"
-                            aria-relevant="additions text"
-                            class="emotion-38"
-                            role="log"
-                          />
                           <div
-                            aria-disabled="true"
-                            class="select__control select__control--is-disabled emotion-40"
+                            class="select--is-disabled emotion-38"
+                            id="Unit"
                           >
+                            <span
+                              class="emotion-39"
+                              id="react-select-10-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="emotion-39"
+                              role="log"
+                            />
                             <div
-                              class="select__value-container select__value-container--has-value emotion-41"
+                              aria-disabled="true"
+                              class="select__control select__control--is-disabled emotion-41"
                             >
                               <div
-                                class="select__single-value select__single-value--is-disabled emotion-42"
+                                class="select__value-container select__value-container--has-value emotion-42"
                               >
-                                default
+                                <div
+                                  class="select__single-value select__single-value--is-disabled emotion-43"
+                                >
+                                  default
+                                </div>
+                                <div
+                                  class="select__input-container emotion-44"
+                                  data-value=""
+                                >
+                                  <input
+                                    aria-activedescendant=""
+                                    aria-autocomplete="list"
+                                    aria-expanded="false"
+                                    aria-haspopup="true"
+                                    autocapitalize="none"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="select__input"
+                                    disabled=""
+                                    id="react-select-10-input"
+                                    role="combobox"
+                                    spellcheck="false"
+                                    style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                    tabindex="0"
+                                    type="text"
+                                    value=""
+                                  />
+                                </div>
                               </div>
                               <div
-                                class="select__input-container emotion-43"
-                                data-value=""
+                                class="select__indicators emotion-45"
                               >
-                                <input
-                                  aria-activedescendant=""
-                                  aria-autocomplete="list"
-                                  aria-expanded="false"
-                                  aria-haspopup="true"
-                                  autocapitalize="none"
-                                  autocomplete="off"
-                                  autocorrect="off"
-                                  class="select__input"
-                                  disabled=""
-                                  id="react-select-10-input"
-                                  role="combobox"
-                                  spellcheck="false"
-                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                                  tabindex="0"
-                                  type="text"
-                                  value=""
+                                <span
+                                  class="select__indicator-separator emotion-46"
                                 />
-                              </div>
-                            </div>
-                            <div
-                              class="select__indicators emotion-44"
-                            >
-                              <span
-                                class="select__indicator-separator emotion-45"
-                              />
-                              <div
-                                aria-hidden="true"
-                                class="select__indicator select__dropdown-indicator emotion-46"
-                              >
                                 <div
-                                  class="emotion-47"
+                                  aria-hidden="true"
+                                  class="select__indicator select__dropdown-indicator emotion-47"
                                 >
-                                  <svg
-                                    fill="none"
-                                    height="10"
-                                    viewBox="0 0 6 4"
-                                    width="10"
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <div
+                                    class="emotion-48"
                                   >
-                                    <path
-                                      d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                                      fill="currentcolor"
-                                    />
-                                  </svg>
+                                    <svg
+                                      fill="none"
+                                      height="10"
+                                      viewBox="0 0 6 4"
+                                      width="10"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                                        fill="currentcolor"
+                                      />
+                                    </svg>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -2163,7 +2182,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
             data-test-id="resource-toggle-creator-4-status-tag"
           >
             <div
-              class="emotion-52"
+              class="emotion-53"
             >
               PENDING
             </div>
@@ -2190,7 +2209,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
             </svg>
           </div>
           <div
-            class="emotion-199"
+            class="emotion-203"
           />
           <div
             class="expander emotion-6"
@@ -2278,7 +2297,7 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                 class="emotion-12"
               >
                 <button
-                  class="emotion-68"
+                  class="emotion-69"
                   disabled=""
                   tabindex="1"
                   type="submit"
@@ -2370,81 +2389,85 @@ exports[`<ResourceToggleCreator> render correctly - snapshot 1`] = `
                           Unit
                         </label>
                         <div
-                          class="select--is-disabled emotion-37"
-                          id="Unit"
+                          class="emotion-37"
                         >
-                          <span
-                            class="emotion-38"
-                            id="react-select-11-live-region"
-                          />
-                          <span
-                            aria-atomic="false"
-                            aria-live="polite"
-                            aria-relevant="additions text"
-                            class="emotion-38"
-                            role="log"
-                          />
                           <div
-                            aria-disabled="true"
-                            class="select__control select__control--is-disabled emotion-40"
+                            class="select--is-disabled emotion-38"
+                            id="Unit"
                           >
+                            <span
+                              class="emotion-39"
+                              id="react-select-11-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="emotion-39"
+                              role="log"
+                            />
                             <div
-                              class="select__value-container select__value-container--has-value emotion-41"
+                              aria-disabled="true"
+                              class="select__control select__control--is-disabled emotion-41"
                             >
                               <div
-                                class="select__single-value select__single-value--is-disabled emotion-42"
+                                class="select__value-container select__value-container--has-value emotion-42"
                               >
-                                default
+                                <div
+                                  class="select__single-value select__single-value--is-disabled emotion-43"
+                                >
+                                  default
+                                </div>
+                                <div
+                                  class="select__input-container emotion-44"
+                                  data-value=""
+                                >
+                                  <input
+                                    aria-activedescendant=""
+                                    aria-autocomplete="list"
+                                    aria-expanded="false"
+                                    aria-haspopup="true"
+                                    autocapitalize="none"
+                                    autocomplete="off"
+                                    autocorrect="off"
+                                    class="select__input"
+                                    disabled=""
+                                    id="react-select-11-input"
+                                    role="combobox"
+                                    spellcheck="false"
+                                    style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                    tabindex="0"
+                                    type="text"
+                                    value=""
+                                  />
+                                </div>
                               </div>
                               <div
-                                class="select__input-container emotion-43"
-                                data-value=""
+                                class="select__indicators emotion-45"
                               >
-                                <input
-                                  aria-activedescendant=""
-                                  aria-autocomplete="list"
-                                  aria-expanded="false"
-                                  aria-haspopup="true"
-                                  autocapitalize="none"
-                                  autocomplete="off"
-                                  autocorrect="off"
-                                  class="select__input"
-                                  disabled=""
-                                  id="react-select-11-input"
-                                  role="combobox"
-                                  spellcheck="false"
-                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                                  tabindex="0"
-                                  type="text"
-                                  value=""
+                                <span
+                                  class="select__indicator-separator emotion-46"
                                 />
-                              </div>
-                            </div>
-                            <div
-                              class="select__indicators emotion-44"
-                            >
-                              <span
-                                class="select__indicator-separator emotion-45"
-                              />
-                              <div
-                                aria-hidden="true"
-                                class="select__indicator select__dropdown-indicator emotion-46"
-                              >
                                 <div
-                                  class="emotion-47"
+                                  aria-hidden="true"
+                                  class="select__indicator select__dropdown-indicator emotion-47"
                                 >
-                                  <svg
-                                    fill="none"
-                                    height="10"
-                                    viewBox="0 0 6 4"
-                                    width="10"
-                                    xmlns="http://www.w3.org/2000/svg"
+                                  <div
+                                    class="emotion-48"
                                   >
-                                    <path
-                                      d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
-                                      fill="currentcolor"
-                                    />
-                                  </svg>
+                                    <svg
+                                      fill="none"
+                                      height="10"
+                                      viewBox="0 0 6 4"
+                                      width="10"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <path
+                                        d="m2.576 3.805-2.4-2.666a.72.72 0 0 1-.13-.727C.14.162.358 0 .601 0H5.4c.242 0 .461.162.555.412a.72.72 0 0 1-.13.727l-2.4 2.666a.56.56 0 0 1-.848 0"
+                                        fill="currentcolor"
+                                      />
+                                    </svg>
+                                  </div>
                                 </div>
                               </div>
                             </div>