diff --git a/locale/defaultMessages.json b/locale/defaultMessages.json
index 93494722c..aaa2ce9a6 100644
--- a/locale/defaultMessages.json
+++ b/locale/defaultMessages.json
@@ -3563,6 +3563,10 @@
     "context": "order history message",
     "string": "Note was added to the order"
   },
+  "src_dot_orders_dot_components_dot_OrderHistory_dot_2308853031": {
+    "context": "order history message",
+    "string": "Order placed information was sent to customer"
+  },
   "src_dot_orders_dot_components_dot_OrderHistory_dot_2369495522": {
     "context": "order history message",
     "string": "Order confirmation was sent to customer"
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index ffed753f7..55e920221 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -29,7 +29,7 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -77,7 +77,6 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -136,7 +135,6 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -151,14 +149,12 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Value
                     </span>
                   </legend>
                 </fieldset>
@@ -216,7 +212,6 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -231,14 +226,12 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Values
                     </span>
                   </legend>
                 </fieldset>
@@ -344,7 +337,7 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -392,7 +385,6 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -452,7 +444,6 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -467,14 +458,12 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Value
                     </span>
                   </legend>
                 </fieldset>
@@ -533,7 +522,6 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -548,14 +536,12 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Values
                     </span>
                   </legend>
                 </fieldset>
@@ -663,7 +649,7 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -711,7 +697,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -770,7 +755,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -785,14 +769,12 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Value
                     </span>
                   </legend>
                 </fieldset>
@@ -850,7 +832,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -865,14 +846,12 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Values
                     </span>
                   </legend>
                 </fieldset>
@@ -905,7 +884,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -939,7 +917,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -1002,7 +979,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -1070,7 +1046,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
                 data-test="button-drag-handle"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -1110,7 +1085,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
                 data-test="button-close"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -1130,7 +1104,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
                 data-test="button-drag-handle"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -1170,7 +1143,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
                 data-test="button-close"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -1190,7 +1162,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
                 data-test="button-drag-handle"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -1230,7 +1201,6 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                 class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
                 data-test="button-close"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -1326,7 +1296,7 @@ exports[`Storyshots Generic / Horizontal Spacer without 1`] = `
 
 exports[`Storyshots Generics / Accordion default 1`] = `
 <div
-  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   style="margin:auto;overflow:visible;position:relative;width:400px"
 >
   <div
@@ -1361,7 +1331,6 @@ exports[`Storyshots Generics / Accordion default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -1380,7 +1349,7 @@ exports[`Storyshots Generics / Accordion default 1`] = `
 
 exports[`Storyshots Generics / Accordion opened 1`] = `
 <div
-  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   style="margin:auto;overflow:visible;position:relative;width:400px"
 >
   <div
@@ -1415,7 +1384,6 @@ exports[`Storyshots Generics / Accordion opened 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -1442,7 +1410,7 @@ exports[`Storyshots Generics / Accordion opened 1`] = `
 
 exports[`Storyshots Generics / Accordion with quick peek 1`] = `
 <div
-  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   style="margin:auto;overflow:visible;position:relative;width:400px"
 >
   <div
@@ -1477,7 +1445,6 @@ exports[`Storyshots Generics / Accordion with quick peek 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -1537,7 +1504,6 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <g
@@ -1552,14 +1518,12 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
         <fieldset
           aria-hidden="true"
           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-          style="padding-left:8px"
         >
           <legend
-            class="PrivateNotchedOutline-legend-id"
-            style="width:0.01px"
+            class="PrivateNotchedOutline-legendLabelled-id"
           >
             <span>
-              ​
+              Permission groups
             </span>
           </legend>
         </fieldset>
@@ -1593,7 +1557,6 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -1627,7 +1590,6 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -1677,7 +1639,6 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <g
@@ -1692,14 +1653,12 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
         <fieldset
           aria-hidden="true"
           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-          style="padding-left:8px"
         >
           <legend
-            class="PrivateNotchedOutline-legend-id"
-            style="width:0.01px"
+            class="PrivateNotchedOutline-legendLabelled-id"
           >
             <span>
-              ​
+              Permission groups
             </span>
           </legend>
         </fieldset>
@@ -1733,7 +1692,6 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -1767,7 +1725,6 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -1798,7 +1755,7 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;width:768px"
   >
     <div
@@ -1830,14 +1787,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    First Name
                   </span>
                 </legend>
               </fieldset>
@@ -1867,14 +1822,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Last Name
                   </span>
                 </legend>
               </fieldset>
@@ -1911,14 +1864,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
+                  class="PrivateNotchedOutline-legendLabelled-id"
                 >
                   <span>
-                    ​
+                    Company
                   </span>
                 </legend>
               </fieldset>
@@ -1948,14 +1899,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
+                  class="PrivateNotchedOutline-legendLabelled-id"
                 >
                   <span>
-                    ​
+                    Phone
                   </span>
                 </legend>
               </fieldset>
@@ -1988,14 +1937,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Address line 1
               </span>
             </legend>
           </fieldset>
@@ -2026,14 +1973,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0.01px"
+              class="PrivateNotchedOutline-legendLabelled-id"
             >
               <span>
-                ​
+                Address line 2
               </span>
             </legend>
           </fieldset>
@@ -2068,14 +2013,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    City
                   </span>
                 </legend>
               </fieldset>
@@ -2105,14 +2048,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    ZIP / Postal code
                   </span>
                 </legend>
               </fieldset>
@@ -2157,7 +2098,6 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -2172,14 +2112,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Country
                     </span>
                   </legend>
                 </fieldset>
@@ -2210,14 +2148,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
+                  class="PrivateNotchedOutline-legendLabelled-id"
                 >
                   <span>
-                    ​
+                    Country area
                   </span>
                 </legend>
               </fieldset>
@@ -2235,7 +2171,7 @@ exports[`Storyshots Generics / AddressFormatter default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -2279,7 +2215,7 @@ exports[`Storyshots Generics / AddressFormatter when loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -2324,7 +2260,7 @@ exports[`Storyshots Generics / Autocomplete Menu default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;width:400px"
   >
     <div
@@ -2355,14 +2291,12 @@ exports[`Storyshots Generics / Autocomplete Menu default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Autocomplete Menu
                 </span>
               </legend>
             </fieldset>
@@ -2379,7 +2313,7 @@ exports[`Storyshots Generics / Autocomplete Menu error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;width:400px"
   >
     <div
@@ -2410,14 +2344,12 @@ exports[`Storyshots Generics / Autocomplete Menu error 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Autocomplete Menu
                 </span>
               </legend>
             </fieldset>
@@ -2439,7 +2371,7 @@ exports[`Storyshots Generics / Autocomplete Menu interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;width:400px"
   >
     <div
@@ -2471,14 +2403,12 @@ exports[`Storyshots Generics / Autocomplete Menu interactive 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Autocomplete Menu
                   </span>
                 </legend>
               </fieldset>
@@ -2496,7 +2426,7 @@ exports[`Storyshots Generics / Autocomplete Menu loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;width:400px"
   >
     <div
@@ -2546,14 +2476,12 @@ exports[`Storyshots Generics / Autocomplete Menu loading 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Autocomplete Menu
                 </span>
               </legend>
             </fieldset>
@@ -2570,7 +2498,7 @@ exports[`Storyshots Generics / AvailabilityCard default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -2621,7 +2549,6 @@ exports[`Storyshots Generics / AvailabilityCard default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <g
@@ -2663,7 +2590,6 @@ exports[`Storyshots Generics / AvailabilityCard default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <g
@@ -2709,7 +2635,6 @@ exports[`Storyshots Generics / Card menu default 1`] = `
           aria-hidden="true"
           class="MuiSvgIcon-root-id"
           focusable="false"
-          role="presentation"
           viewBox="0 0 24 24"
         >
           <path
@@ -2727,7 +2652,7 @@ exports[`Storyshots Generics / ChannelsAvailability default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -2813,7 +2738,7 @@ exports[`Storyshots Generics / ChannelsAvailability with onChange 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -2877,7 +2802,6 @@ exports[`Storyshots Generics / ChannelsAvailability with onChange 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <g
@@ -2917,7 +2841,6 @@ exports[`Storyshots Generics / ChannelsAvailability with onChange 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <g
@@ -2985,7 +2908,7 @@ exports[`Storyshots Generics / Checkbox checked 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3009,7 +2932,6 @@ exports[`Storyshots Generics / Checkbox checked 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <rect
@@ -3038,7 +2960,7 @@ exports[`Storyshots Generics / Checkbox disabled 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3063,7 +2985,6 @@ exports[`Storyshots Generics / Checkbox disabled 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <rect
@@ -3087,7 +3008,7 @@ exports[`Storyshots Generics / Checkbox interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3111,7 +3032,6 @@ exports[`Storyshots Generics / Checkbox interactive 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <rect
@@ -3136,7 +3056,7 @@ exports[`Storyshots Generics / Checkbox unchecked 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3159,7 +3079,6 @@ exports[`Storyshots Generics / Checkbox unchecked 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <rect
@@ -3183,7 +3102,7 @@ exports[`Storyshots Generics / Checkbox undeterminate 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3206,7 +3125,6 @@ exports[`Storyshots Generics / Checkbox undeterminate 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <rect
@@ -3237,7 +3155,7 @@ exports[`Storyshots Generics / Chip default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3262,7 +3180,7 @@ exports[`Storyshots Generics / Chip with x 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3279,7 +3197,6 @@ exports[`Storyshots Generics / Chip with x 1`] = `
             aria-hidden="true"
             class="MuiSvgIcon-root-id Chip-closeIcon-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -3298,7 +3215,7 @@ exports[`Storyshots Generics / Column picker default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3321,7 +3238,6 @@ exports[`Storyshots Generics / Column picker default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -3342,7 +3258,7 @@ exports[`Storyshots Generics / Column picker loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3365,7 +3281,6 @@ exports[`Storyshots Generics / Column picker loading 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -3386,7 +3301,7 @@ exports[`Storyshots Generics / Date default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3409,7 +3324,7 @@ exports[`Storyshots Generics / Date plain 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3426,7 +3341,7 @@ exports[`Storyshots Generics / DateTime default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3449,7 +3364,7 @@ exports[`Storyshots Generics / DateTime plain 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3472,7 +3387,7 @@ exports[`Storyshots Generics / EditableTableCell default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3547,14 +3462,14 @@ exports[`Storyshots Generics / ErrorMessageCard default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="MuiCardContent-root-id"
@@ -3581,7 +3496,7 @@ exports[`Storyshots Generics / External Link default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3607,7 +3522,7 @@ exports[`Storyshots Generics / External Link new tab 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3634,7 +3549,7 @@ exports[`Storyshots Generics / File upload field default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3674,7 +3589,7 @@ exports[`Storyshots Generics / File upload field interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3712,7 +3627,7 @@ exports[`Storyshots Generics / File upload field with error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3757,7 +3672,7 @@ exports[`Storyshots Generics / File upload field with ready to upload file 1`] =
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3790,7 +3705,6 @@ exports[`Storyshots Generics / File upload field with ready to upload file 1`] =
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -3819,7 +3733,7 @@ exports[`Storyshots Generics / File upload field with uploaded file 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -3853,7 +3767,6 @@ exports[`Storyshots Generics / File upload field with uploaded file 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -3951,7 +3864,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -3992,22 +3904,22 @@ exports[`Storyshots Generics / Filter default 1`] = `
             >
               <div
                 aria-haspopup="listbox"
-                aria-labelledby=" "
-                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id FilterContent-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id FilterContent-input-id"
                 role="button"
                 tabindex="0"
               >
                 between
               </div>
               <input
-                type="hidden"
+                aria-hidden="true"
+                class="MuiSelect-nativeInput-id"
+                tabindex="-1"
                 value="MULTIPLE"
               />
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -4076,7 +3988,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -4113,7 +4025,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -4148,7 +4060,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4193,7 +4104,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4239,7 +4149,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4301,7 +4210,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4312,7 +4220,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4356,7 +4263,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4367,7 +4273,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4411,7 +4316,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4422,7 +4326,6 @@ exports[`Storyshots Generics / Filter default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4521,7 +4424,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4562,22 +4464,22 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
             >
               <div
                 aria-haspopup="listbox"
-                aria-labelledby=" "
-                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id FilterContent-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id FilterContent-input-id"
                 role="button"
                 tabindex="0"
               >
                 between
               </div>
               <input
-                type="hidden"
+                aria-hidden="true"
+                class="MuiSelect-nativeInput-id"
+                tabindex="-1"
                 value="MULTIPLE"
               />
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -4646,7 +4548,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -4683,7 +4585,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -4718,7 +4620,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4763,7 +4664,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4809,7 +4709,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -4871,7 +4770,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4882,7 +4780,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4926,7 +4823,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4937,7 +4833,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4981,7 +4876,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -4992,7 +4886,6 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -5022,7 +4915,7 @@ exports[`Storyshots Generics / Global messages default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5050,7 +4943,7 @@ exports[`Storyshots Generics / Global messages with action 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5078,7 +4971,7 @@ exports[`Storyshots Generics / Global messages with error status 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5106,7 +4999,7 @@ exports[`Storyshots Generics / Global messages with expandText 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5134,7 +5027,7 @@ exports[`Storyshots Generics / Global messages with success status 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5162,7 +5055,7 @@ exports[`Storyshots Generics / Global messages with undo action 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5190,7 +5083,7 @@ exports[`Storyshots Generics / Global messages with warning status 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5218,7 +5111,7 @@ exports[`Storyshots Generics / Link with choices default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -5237,7 +5130,6 @@ exports[`Storyshots Generics / Link with choices default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <g
@@ -5261,7 +5153,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     data-test="metadataEditor"
     data-test-expanded="true"
     data-test-is-private="false"
@@ -5308,7 +5200,6 @@ exports[`Storyshots Generics / Metadata default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -5378,7 +5269,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5419,7 +5310,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5446,7 +5337,6 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -5484,7 +5374,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5527,7 +5417,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5554,7 +5444,6 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -5592,7 +5481,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5633,7 +5522,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5660,7 +5549,6 @@ exports[`Storyshots Generics / Metadata default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -5694,7 +5582,7 @@ exports[`Storyshots Generics / Metadata default 1`] = `
     class="CardSpacer-spacer-id"
   />
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     data-test="metadataEditor"
     data-test-expanded="true"
     data-test-is-private="true"
@@ -5759,7 +5647,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     data-test="metadataEditor"
     data-test-expanded="true"
     data-test-is-private="false"
@@ -5806,7 +5694,6 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -5876,7 +5763,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5917,7 +5804,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -5944,7 +5831,6 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -5982,7 +5868,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -6025,7 +5911,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -6052,7 +5938,6 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -6090,7 +5975,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -6131,7 +6016,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                 >
                   <legend
                     class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    style="width:0.01px"
                   >
                     <span>
                       ​
@@ -6158,7 +6043,6 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -6192,7 +6076,7 @@ exports[`Storyshots Generics / Metadata interactive 1`] = `
     class="CardSpacer-spacer-id"
   />
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     data-test="metadataEditor"
     data-test-expanded="true"
     data-test-is-private="true"
@@ -6257,7 +6141,7 @@ exports[`Storyshots Generics / Metadata loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     data-test="metadataEditor"
     data-test-expanded="true"
     data-test-is-private="false"
@@ -6294,7 +6178,7 @@ exports[`Storyshots Generics / Metadata loading 1`] = `
     class="CardSpacer-spacer-id"
   />
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     data-test="metadataEditor"
     data-test-expanded="true"
     data-test-is-private="true"
@@ -6343,7 +6227,6 @@ exports[`Storyshots Generics / Mobile Side Menu default 1`] = `
       aria-hidden="true"
       class="MuiSvgIcon-root-id"
       focusable="false"
-      role="presentation"
       viewBox="0 0 24 24"
     >
       <path
@@ -6359,7 +6242,7 @@ exports[`Storyshots Generics / Money formatting default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6376,7 +6259,7 @@ exports[`Storyshots Generics / Money range from 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6393,7 +6276,7 @@ exports[`Storyshots Generics / Money range range 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6410,7 +6293,7 @@ exports[`Storyshots Generics / Money range to 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6427,7 +6310,7 @@ exports[`Storyshots Generics / MultiSelectField interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6448,8 +6331,8 @@ exports[`Storyshots Generics / MultiSelectField interactive 1`] = `
           >
             <div
               aria-haspopup="listbox"
-              aria-labelledby=" mui-component-select-data"
-              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+              aria-labelledby="mui-component-select-data"
+              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
               id="mui-component-select-data"
               role="button"
               tabindex="0"
@@ -6457,15 +6340,16 @@ exports[`Storyshots Generics / MultiSelectField interactive 1`] = `
               Apparel
             </div>
             <input
+              aria-hidden="true"
+              class="MuiSelect-nativeInput-id"
               name="data"
-              type="hidden"
+              tabindex="-1"
               value="1"
             />
             <svg
               aria-hidden="true"
               class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -6490,7 +6374,7 @@ exports[`Storyshots Generics / MultiSelectField with error hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6504,8 +6388,7 @@ exports[`Storyshots Generics / MultiSelectField with error hint 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -6514,14 +6397,15 @@ exports[`Storyshots Generics / MultiSelectField with error hint 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6545,7 +6429,7 @@ exports[`Storyshots Generics / MultiSelectField with hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6559,8 +6443,7 @@ exports[`Storyshots Generics / MultiSelectField with hint 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -6569,14 +6452,15 @@ exports[`Storyshots Generics / MultiSelectField with hint 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6600,7 +6484,7 @@ exports[`Storyshots Generics / MultiSelectField with label 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6620,8 +6504,7 @@ exports[`Storyshots Generics / MultiSelectField with label 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -6630,14 +6513,15 @@ exports[`Storyshots Generics / MultiSelectField with label 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6656,7 +6540,7 @@ exports[`Storyshots Generics / MultiSelectField with label and hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6676,8 +6560,7 @@ exports[`Storyshots Generics / MultiSelectField with label and hint 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -6686,14 +6569,15 @@ exports[`Storyshots Generics / MultiSelectField with label and hint 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6717,7 +6601,7 @@ exports[`Storyshots Generics / MultiSelectField with no value 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6731,8 +6615,7 @@ exports[`Storyshots Generics / MultiSelectField with no value 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -6741,14 +6624,15 @@ exports[`Storyshots Generics / MultiSelectField with no value 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6767,7 +6651,7 @@ exports[`Storyshots Generics / MultiSelectField with value 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6781,22 +6665,22 @@ exports[`Storyshots Generics / MultiSelectField with value 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
             Apparel
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value="1"
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6815,7 +6699,7 @@ exports[`Storyshots Generics / MultiSelectField with value, label and hint 1`] =
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -6835,22 +6719,22 @@ exports[`Storyshots Generics / MultiSelectField with value, label and hint 1`] =
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id MuiInputBase-inputSelect-id MuiFilledInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-filled-id MuiInputBase-input-id MuiFilledInput-input-id"
             role="button"
             tabindex="0"
           >
             Apparel
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value="1"
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconFilled-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -6874,14 +6758,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id MultiAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MultiAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="MultiAutocompleteSelectFieldContent-content-id"
@@ -6910,7 +6794,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -6961,7 +6844,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7004,7 +6886,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7047,7 +6928,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7090,7 +6970,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7133,7 +7012,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7176,7 +7054,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7219,7 +7096,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7262,7 +7138,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7305,7 +7180,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7348,7 +7222,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete can load more 1
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7413,14 +7286,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id MultiAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MultiAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="MultiAutocompleteSelectFieldContent-content-id"
@@ -7449,7 +7322,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7500,7 +7372,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7543,7 +7414,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7586,7 +7456,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7629,7 +7498,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7672,7 +7540,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7715,7 +7582,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7758,7 +7624,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7801,7 +7666,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7844,7 +7708,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7887,7 +7750,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -7926,7 +7788,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -7963,7 +7825,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <g
@@ -7978,14 +7839,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Country
                 </span>
               </legend>
             </fieldset>
@@ -8023,7 +7882,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -8045,7 +7903,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8082,7 +7940,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <g
@@ -8097,14 +7954,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Country
                 </span>
               </legend>
             </fieldset>
@@ -8142,7 +7997,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -8164,7 +8018,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8201,7 +8055,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <g
@@ -8216,14 +8069,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Country
                 </span>
               </legend>
             </fieldset>
@@ -8261,7 +8112,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -8283,7 +8133,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8320,7 +8170,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <g
@@ -8335,14 +8184,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Country
                 </span>
               </legend>
             </fieldset>
@@ -8380,7 +8227,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -8402,14 +8248,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id MultiAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MultiAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="MultiAutocompleteSelectFieldContent-content-id"
@@ -8438,7 +8284,6 @@ exports[`Storyshots Generics / Multiple select with autocomplete no data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -8472,7 +8317,7 @@ exports[`Storyshots Generics / Multiple select with autocomplete no data 1`] = `
 
 exports[`Storyshots Generics / NavigatorButton mac 1`] = `
 <div
-  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   style="margin:auto;overflow:visible;position:relative;width:400px"
 >
   <div
@@ -8498,7 +8343,7 @@ exports[`Storyshots Generics / NavigatorButton mac 1`] = `
 
 exports[`Storyshots Generics / NavigatorButton other 1`] = `
 <div
-  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   style="margin:auto;overflow:visible;position:relative;width:400px"
 >
   <div
@@ -8577,7 +8422,6 @@ exports[`Storyshots Generics / PageHeader with title icon bar 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -8626,7 +8470,7 @@ exports[`Storyshots Generics / Percent formatting default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8643,7 +8487,7 @@ exports[`Storyshots Generics / PhoneField default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8664,8 +8508,8 @@ exports[`Storyshots Generics / PhoneField default 1`] = `
           >
             <div
               aria-haspopup="listbox"
-              aria-labelledby=" mui-component-select-phone_prefix"
-              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+              aria-labelledby="mui-component-select-phone_prefix"
+              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id"
               id="mui-component-select-phone_prefix"
               role="button"
               tabindex="0"
@@ -8673,15 +8517,16 @@ exports[`Storyshots Generics / PhoneField default 1`] = `
               +41
             </div>
             <input
+              aria-hidden="true"
+              class="MuiSelect-nativeInput-id"
               name="phone_prefix"
-              type="hidden"
+              tabindex="-1"
               value="41"
             />
             <svg
               aria-hidden="true"
               class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -8726,14 +8571,12 @@ exports[`Storyshots Generics / PhoneField default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                   
                 </span>
               </legend>
             </fieldset>
@@ -8750,7 +8593,7 @@ exports[`Storyshots Generics / Price input disabled 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8797,7 +8640,7 @@ exports[`Storyshots Generics / Price input with currency symbol 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8851,7 +8694,7 @@ exports[`Storyshots Generics / Price input with hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8902,7 +8745,7 @@ exports[`Storyshots Generics / Price input with label 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8931,14 +8774,12 @@ exports[`Storyshots Generics / Price input with label 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0.01px"
+              class="PrivateNotchedOutline-legendLabelled-id"
             >
               <span>
-                ​
+                Lorem ipsum
               </span>
             </legend>
           </fieldset>
@@ -8954,7 +8795,7 @@ exports[`Storyshots Generics / Price input with label and hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -8983,14 +8824,12 @@ exports[`Storyshots Generics / Price input with label and hint 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0.01px"
+              class="PrivateNotchedOutline-legendLabelled-id"
             >
               <span>
-                ​
+                Lorem
               </span>
             </legend>
           </fieldset>
@@ -9011,7 +8850,7 @@ exports[`Storyshots Generics / Price input with no value 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9057,7 +8896,7 @@ exports[`Storyshots Generics / Price input with value 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9085,7 +8924,7 @@ exports[`Storyshots Generics / Price input with value 1`] = `
           >
             <legend
               class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              style="width:0.01px"
             >
               <span>
                 ​
@@ -9104,7 +8943,7 @@ exports[`Storyshots Generics / Price input with value, label, currency symbol an
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9142,14 +8981,12 @@ exports[`Storyshots Generics / Price input with value, label, currency symbol an
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Lorem
               </span>
             </legend>
           </fieldset>
@@ -9170,7 +9007,7 @@ exports[`Storyshots Generics / Price input with value, label, currency symbol an
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9208,14 +9045,12 @@ exports[`Storyshots Generics / Price input with value, label, currency symbol an
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Lorem
               </span>
             </legend>
           </fieldset>
@@ -9236,7 +9071,7 @@ exports[`Storyshots Generics / Rich text editor default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9272,7 +9107,7 @@ exports[`Storyshots Generics / Rich text editor disabled 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9308,7 +9143,7 @@ exports[`Storyshots Generics / Rich text editor error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9392,14 +9227,14 @@ exports[`Storyshots Generics / Select with autocomplete can load more 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
@@ -9560,14 +9395,14 @@ exports[`Storyshots Generics / Select with autocomplete default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
@@ -9702,7 +9537,7 @@ exports[`Storyshots Generics / Select with autocomplete interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9740,7 +9575,6 @@ exports[`Storyshots Generics / Select with autocomplete interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <g
@@ -9755,14 +9589,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Country
                   </span>
                 </legend>
               </fieldset>
@@ -9785,7 +9617,7 @@ exports[`Storyshots Generics / Select with autocomplete interactive with custom
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9823,7 +9655,6 @@ exports[`Storyshots Generics / Select with autocomplete interactive with custom
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <g
@@ -9838,14 +9669,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive with custom
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Country
                   </span>
                 </legend>
               </fieldset>
@@ -9868,7 +9697,7 @@ exports[`Storyshots Generics / Select with autocomplete interactive with empty o
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9906,7 +9735,6 @@ exports[`Storyshots Generics / Select with autocomplete interactive with empty o
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <g
@@ -9921,14 +9749,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive with empty o
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Country
                   </span>
                 </legend>
               </fieldset>
@@ -9951,7 +9777,7 @@ exports[`Storyshots Generics / Select with autocomplete interactive with load mo
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -9989,7 +9815,6 @@ exports[`Storyshots Generics / Select with autocomplete interactive with load mo
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <g
@@ -10004,14 +9829,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive with load mo
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Country
                   </span>
                 </legend>
               </fieldset>
@@ -10034,14 +9857,14 @@ exports[`Storyshots Generics / Select with autocomplete no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
@@ -10068,14 +9891,14 @@ exports[`Storyshots Generics / Select with autocomplete with add 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation1-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id SingleAutocompleteSelectFieldContent-root-id MuiPaper-elevation1-id MuiPaper-rounded-id"
       >
         <div
           class="SingleAutocompleteSelectFieldContent-content-id"
@@ -10093,7 +9916,6 @@ exports[`Storyshots Generics / Select with autocomplete with add 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id SingleAutocompleteSelectFieldContent-add-id MuiSvgIcon-colorPrimary-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -10238,7 +10060,7 @@ exports[`Storyshots Generics / SingleSelectField with error hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10256,8 +10078,7 @@ exports[`Storyshots Generics / SingleSelectField with error hint 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id"
             role="button"
             tabindex="0"
           >
@@ -10266,14 +10087,15 @@ exports[`Storyshots Generics / SingleSelectField with error hint 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10283,7 +10105,7 @@ exports[`Storyshots Generics / SingleSelectField with error hint 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:79.5px"
+            style="padding-left:8px"
           >
             <legend
               class="PrivateNotchedOutline-legend-id"
@@ -10311,7 +10133,7 @@ exports[`Storyshots Generics / SingleSelectField with hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10329,8 +10151,7 @@ exports[`Storyshots Generics / SingleSelectField with hint 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id"
             role="button"
             tabindex="0"
           >
@@ -10339,14 +10160,15 @@ exports[`Storyshots Generics / SingleSelectField with hint 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10356,7 +10178,7 @@ exports[`Storyshots Generics / SingleSelectField with hint 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:79.5px"
+            style="padding-left:8px"
           >
             <legend
               class="PrivateNotchedOutline-legend-id"
@@ -10384,7 +10206,7 @@ exports[`Storyshots Generics / SingleSelectField with label 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10404,8 +10226,7 @@ exports[`Storyshots Generics / SingleSelectField with label 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -10414,14 +10235,15 @@ exports[`Storyshots Generics / SingleSelectField with label 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10431,7 +10253,7 @@ exports[`Storyshots Generics / SingleSelectField with label 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:79.5px"
+            style="padding-left:8px"
           >
             <legend
               class="PrivateNotchedOutline-legend-id"
@@ -10454,7 +10276,7 @@ exports[`Storyshots Generics / SingleSelectField with label and hint 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10474,8 +10296,7 @@ exports[`Storyshots Generics / SingleSelectField with label and hint 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
             role="button"
             tabindex="0"
           >
@@ -10484,14 +10305,15 @@ exports[`Storyshots Generics / SingleSelectField with label and hint 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10501,7 +10323,7 @@ exports[`Storyshots Generics / SingleSelectField with label and hint 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:79.5px"
+            style="padding-left:8px"
           >
             <legend
               class="PrivateNotchedOutline-legend-id"
@@ -10529,7 +10351,7 @@ exports[`Storyshots Generics / SingleSelectField with no value 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10547,8 +10369,7 @@ exports[`Storyshots Generics / SingleSelectField with no value 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id"
             role="button"
             tabindex="0"
           >
@@ -10557,14 +10378,15 @@ exports[`Storyshots Generics / SingleSelectField with no value 1`] = `
             </span>
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value=""
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10574,7 +10396,7 @@ exports[`Storyshots Generics / SingleSelectField with no value 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:79.5px"
+            style="padding-left:8px"
           >
             <legend
               class="PrivateNotchedOutline-legend-id"
@@ -10597,7 +10419,7 @@ exports[`Storyshots Generics / SingleSelectField with value 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10615,22 +10437,22 @@ exports[`Storyshots Generics / SingleSelectField with value 1`] = `
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id SingleSelectField-noLabel-id"
             role="button"
             tabindex="0"
           >
             Apparel
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value="1"
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10663,7 +10485,7 @@ exports[`Storyshots Generics / SingleSelectField with value, label and hint 1`]
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10683,22 +10505,22 @@ exports[`Storyshots Generics / SingleSelectField with value, label and hint 1`]
         >
           <div
             aria-haspopup="listbox"
-            aria-labelledby=" "
-            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
             role="button"
             tabindex="0"
           >
             Apparel
           </div>
           <input
-            type="hidden"
+            aria-hidden="true"
+            class="MuiSelect-nativeInput-id"
+            tabindex="-1"
             value="1"
           />
           <svg
             aria-hidden="true"
             class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10736,7 +10558,7 @@ exports[`Storyshots Generics / Skeleton default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10757,7 +10579,7 @@ exports[`Storyshots Generics / Sortable chip default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10774,7 +10596,6 @@ exports[`Storyshots Generics / Sortable chip default 1`] = `
             class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
             data-test="button-drag-handle"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10821,7 +10642,7 @@ exports[`Storyshots Generics / Sortable chip with x 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10838,7 +10659,6 @@ exports[`Storyshots Generics / Sortable chip with x 1`] = `
             class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
             data-test="button-drag-handle"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10878,7 +10698,6 @@ exports[`Storyshots Generics / Sortable chip with x 1`] = `
             class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
             data-test="button-close"
             focusable="false"
-            role="presentation"
             viewBox="0 0 24 24"
           >
             <path
@@ -10897,7 +10716,7 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -10915,7 +10734,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -10955,7 +10773,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -10975,7 +10792,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11015,7 +10831,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11035,7 +10850,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11075,7 +10889,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11095,7 +10908,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11135,7 +10947,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11155,7 +10966,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11195,7 +11005,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11215,7 +11024,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11255,7 +11063,6 @@ exports[`Storyshots Generics / Sortable chips field default 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11275,7 +11082,7 @@ exports[`Storyshots Generics / Sortable chips field loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -11298,7 +11105,7 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -11316,7 +11123,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11356,7 +11162,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11376,7 +11181,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11416,7 +11220,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11436,7 +11239,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11476,7 +11278,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11496,7 +11297,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11536,7 +11336,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11556,7 +11355,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11596,7 +11394,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11616,7 +11413,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableHandle-drag-id SortableChip-sortableHandle-id"
               data-test="button-drag-handle"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11656,7 +11452,6 @@ exports[`Storyshots Generics / Sortable chips field with error 1`] = `
               class="MuiSvgIcon-root-id SortableChip-closeIcon-id"
               data-test="button-close"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -11689,7 +11484,6 @@ exports[`Storyshots Generics / Square Button default 1`] = `
       aria-hidden="true"
       class="MuiSvgIcon-root-id"
       focusable="false"
-      role="presentation"
       viewBox="0 0 24 24"
     >
       <path
@@ -11769,7 +11563,7 @@ exports[`Storyshots Generics / StatusLabel when error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -11790,7 +11584,7 @@ exports[`Storyshots Generics / StatusLabel when neutral 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -11811,7 +11605,7 @@ exports[`Storyshots Generics / StatusLabel when success 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -11832,7 +11626,7 @@ exports[`Storyshots Generics / Table header ascending 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;width:400px"
   >
     <div
@@ -11863,7 +11657,6 @@ exports[`Storyshots Generics / Table header ascending 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -11925,7 +11718,7 @@ exports[`Storyshots Generics / Table header descending 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;width:400px"
   >
     <div
@@ -11956,7 +11749,6 @@ exports[`Storyshots Generics / Table header descending 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id TableCellHeader-arrow-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -12018,7 +11810,7 @@ exports[`Storyshots Generics / Table header interactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;width:400px"
   >
     <div
@@ -12049,7 +11841,6 @@ exports[`Storyshots Generics / Table header interactive 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -12111,7 +11902,7 @@ exports[`Storyshots Generics / TablePagination both previous and next pages are
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -12151,16 +11942,11 @@ exports[`Storyshots Generics / TablePagination both previous and next pages are
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12177,16 +11963,11 @@ exports[`Storyshots Generics / TablePagination both previous and next pages are
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12207,7 +11988,7 @@ exports[`Storyshots Generics / TablePagination next page available 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -12248,16 +12029,11 @@ exports[`Storyshots Generics / TablePagination next page available 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12274,16 +12050,11 @@ exports[`Storyshots Generics / TablePagination next page available 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12304,7 +12075,7 @@ exports[`Storyshots Generics / TablePagination no previous / next page 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -12345,16 +12116,11 @@ exports[`Storyshots Generics / TablePagination no previous / next page 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12372,16 +12138,11 @@ exports[`Storyshots Generics / TablePagination no previous / next page 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12402,7 +12163,7 @@ exports[`Storyshots Generics / TablePagination previous page available 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -12442,16 +12203,11 @@ exports[`Storyshots Generics / TablePagination previous page available 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12469,16 +12225,11 @@ exports[`Storyshots Generics / TablePagination previous page available 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -12600,7 +12351,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
@@ -12645,7 +12396,6 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -12690,7 +12440,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
@@ -12735,7 +12485,6 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -12780,7 +12529,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
@@ -12825,7 +12574,6 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -12881,7 +12629,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
@@ -12926,7 +12674,6 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -12975,7 +12722,6 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
           aria-hidden="true"
           class="MuiSvgIcon-root-id"
           focusable="false"
-          role="presentation"
           viewBox="0 0 24 24"
         >
           <path
@@ -13004,7 +12750,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -13028,7 +12774,6 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
           aria-hidden="true"
           class="MuiSvgIcon-root-id"
           focusable="false"
-          role="presentation"
           viewBox="0 0 24 24"
         >
           <path
@@ -13057,7 +12802,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -13077,7 +12822,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
@@ -13122,7 +12867,6 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -13181,7 +12925,7 @@ exports[`Storyshots Generics / Weight default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -13198,7 +12942,7 @@ exports[`Storyshots Generics / Weight range from 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -13215,7 +12959,7 @@ exports[`Storyshots Generics / Weight range range 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -13232,7 +12976,7 @@ exports[`Storyshots Generics / Weight range to 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -13285,14 +13029,14 @@ exports[`Storyshots Orders / Draft order channel section default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -13333,14 +13077,14 @@ exports[`Storyshots Orders / Draft order channel section loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -13405,14 +13149,14 @@ exports[`Storyshots Orders / Order details channel section default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -13452,14 +13196,14 @@ exports[`Storyshots Orders / Order details channel section loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
       class="MuiCardContent-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -13529,7 +13273,7 @@ exports[`Storyshots Orders / OrderCustomer default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -13642,7 +13386,7 @@ exports[`Storyshots Orders / OrderCustomer editable 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -13785,7 +13529,7 @@ exports[`Storyshots Orders / OrderCustomer loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -13879,7 +13623,7 @@ exports[`Storyshots Orders / OrderCustomer no user permissions 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -13978,7 +13722,7 @@ exports[`Storyshots Orders / OrderCustomer with different addresses 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -14186,7 +13930,6 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -14374,7 +14117,7 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -14409,7 +14152,7 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -14429,7 +14172,7 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
           class="TimelineEvent-dot-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             aria-disabled="false"
@@ -14483,7 +14226,6 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -14631,7 +14373,7 @@ exports[`Storyshots Orders / OrderInvoiceList loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -14681,7 +14423,7 @@ exports[`Storyshots Orders / OrderInvoiceList with invoices 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -14825,7 +14567,7 @@ exports[`Storyshots Orders / OrderInvoiceList without invoices 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -14967,7 +14709,7 @@ exports[`Storyshots Shipping / Order value rates default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -15013,7 +14755,6 @@ exports[`Storyshots Shipping / Order value rates default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -15132,14 +14873,12 @@ exports[`Storyshots Shipping / Order value rates default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min Value
                         </span>
                       </legend>
                     </fieldset>
@@ -15181,14 +14920,12 @@ exports[`Storyshots Shipping / Order value rates default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max Value
                         </span>
                       </legend>
                     </fieldset>
@@ -15209,7 +14946,7 @@ exports[`Storyshots Shipping / Order value rates loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -15257,7 +14994,6 @@ exports[`Storyshots Shipping / Order value rates loading 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -15377,14 +15113,12 @@ exports[`Storyshots Shipping / Order value rates loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min Value
                         </span>
                       </legend>
                     </fieldset>
@@ -15427,14 +15161,12 @@ exports[`Storyshots Shipping / Order value rates loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max Value
                         </span>
                       </legend>
                     </fieldset>
@@ -15455,7 +15187,7 @@ exports[`Storyshots Shipping / Order weight rates default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -15498,7 +15230,6 @@ exports[`Storyshots Shipping / Order weight rates default 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <rect
@@ -15549,14 +15280,12 @@ exports[`Storyshots Shipping / Order weight rates default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Min. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -15585,14 +15314,12 @@ exports[`Storyshots Shipping / Order weight rates default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Max. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -15609,7 +15336,7 @@ exports[`Storyshots Shipping / Order weight rates form errors 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -15652,7 +15379,6 @@ exports[`Storyshots Shipping / Order weight rates form errors 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <rect
@@ -15703,14 +15429,12 @@ exports[`Storyshots Shipping / Order weight rates form errors 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Min. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -15744,14 +15468,12 @@ exports[`Storyshots Shipping / Order weight rates form errors 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Max. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -15773,7 +15495,7 @@ exports[`Storyshots Shipping / Order weight rates loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -15818,7 +15540,6 @@ exports[`Storyshots Shipping / Order weight rates loading 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <rect
@@ -15870,14 +15591,12 @@ exports[`Storyshots Shipping / Order weight rates loading 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Min. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -15907,14 +15626,12 @@ exports[`Storyshots Shipping / Order weight rates loading 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0"
+                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
               >
                 <span>
-                  ​
+                  Max. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -15931,7 +15648,7 @@ exports[`Storyshots Shipping / Order weight rates new 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -15974,7 +15691,6 @@ exports[`Storyshots Shipping / Order weight rates new 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <rect
@@ -16025,14 +15741,12 @@ exports[`Storyshots Shipping / Order weight rates new 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Min. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -16061,14 +15775,12 @@ exports[`Storyshots Shipping / Order weight rates new 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Max. Order Weight
                 </span>
               </legend>
             </fieldset>
@@ -16085,7 +15797,7 @@ exports[`Storyshots Shipping / Pricing Card default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -16170,6 +15882,7 @@ exports[`Storyshots Shipping / Pricing Card default 1`] = `
                   >
                     Price
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -16199,14 +15912,12 @@ exports[`Storyshots Shipping / Pricing Card default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Price *
                         </span>
                       </legend>
                     </fieldset>
@@ -16227,7 +15938,7 @@ exports[`Storyshots Shipping / Pricing Card loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -16312,6 +16023,7 @@ exports[`Storyshots Shipping / Pricing Card loading 1`] = `
                   >
                     Price
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -16342,14 +16054,12 @@ exports[`Storyshots Shipping / Pricing Card loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Price *
                         </span>
                       </legend>
                     </fieldset>
@@ -16370,7 +16080,7 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -16435,7 +16145,6 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -16511,16 +16220,11 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
                           d="M14 7l-5 5 5 5V7z"
                         />
-                        <path
-                          d="M24 0v24H0V0h24z"
-                          fill="none"
-                        />
                       </svg>
                     </span>
                   </button>
@@ -16538,16 +16242,11 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
                           d="M10 17l5-5-5-5v10z"
                         />
-                        <path
-                          d="M0 24V0h24v24H0z"
-                          fill="none"
-                        />
                       </svg>
                     </span>
                   </button>
@@ -16581,7 +16280,6 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -16604,7 +16302,18 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
               >
                 <div
                   class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
-                />
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root-id MuiAvatar-fallback-id"
+                    focusable="false"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                    />
+                  </svg>
+                </div>
                 <div
                   class="TableCellAvatar-children-id"
                 >
@@ -16631,7 +16340,6 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -16685,7 +16393,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -16730,14 +16438,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -16772,14 +16478,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -16808,14 +16512,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -16828,7 +16530,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -16874,7 +16576,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -16993,14 +16694,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Min Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -17042,14 +16741,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Max Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -17066,7 +16763,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -17151,6 +16848,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -17180,14 +16878,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -17204,7 +16900,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -17272,7 +16968,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -17283,7 +16978,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -17335,7 +17029,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -17346,7 +17039,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -17422,7 +17114,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -17466,7 +17157,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -17502,7 +17192,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -17520,7 +17209,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -17606,7 +17295,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -17651,14 +17340,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -17693,14 +17380,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -17729,14 +17414,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -17749,7 +17432,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -17792,7 +17475,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -17843,14 +17525,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Min. Order Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -17879,14 +17559,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Max. Order Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -17899,7 +17577,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -17984,6 +17662,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -18013,14 +17692,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -18052,6 +17729,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -18081,14 +17759,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -18105,7 +17781,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -18173,7 +17849,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -18184,7 +17859,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -18236,7 +17910,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -18247,7 +17920,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -18323,7 +17995,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -18367,7 +18038,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -18403,7 +18073,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -18421,7 +18090,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -18523,7 +18192,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -18569,14 +18238,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -18612,14 +18279,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -18649,14 +18314,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -18669,7 +18332,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -18717,7 +18380,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -18837,14 +18499,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Min Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -18887,14 +18547,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Max Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -18911,7 +18569,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -18996,6 +18654,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -19026,14 +18685,12 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -19050,7 +18707,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -19118,7 +18775,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -19129,7 +18785,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -19181,7 +18836,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -19192,7 +18846,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -19268,7 +18921,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -19313,7 +18965,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -19350,7 +19001,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -19368,7 +19018,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -19538,7 +19188,7 @@ exports[`Storyshots Views / Apps / App details default 1`] = `
       />
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -19570,7 +19220,7 @@ exports[`Storyshots Views / Apps / App details default 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -19614,7 +19264,7 @@ exports[`Storyshots Views / Apps / App details default 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -19758,7 +19408,7 @@ exports[`Storyshots Views / Apps / App details loading 1`] = `
       />
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -19792,7 +19442,7 @@ exports[`Storyshots Views / Apps / App details loading 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -19826,7 +19476,7 @@ exports[`Storyshots Views / Apps / App details loading 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -19977,7 +19627,7 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -20032,7 +19682,6 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -20063,7 +19712,6 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -20142,7 +19790,7 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -20198,22 +19846,22 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -20240,16 +19888,11 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -20266,16 +19909,11 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -20326,7 +19964,6 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -20385,7 +20022,6 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -20406,7 +20042,7 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="MuiCardHeader-root-id AppList-title-id"
@@ -20479,7 +20115,6 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -20500,7 +20135,7 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -20563,7 +20198,7 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -20619,22 +20254,22 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -20661,16 +20296,11 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -20688,16 +20318,11 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -20732,7 +20357,7 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="MuiCardHeader-root-id AppList-title-id"
@@ -20800,7 +20425,7 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -20863,7 +20488,7 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -20919,22 +20544,22 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -20961,16 +20586,11 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -20987,16 +20607,11 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -21031,7 +20646,7 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="MuiCardHeader-root-id AppList-title-id"
@@ -21099,7 +20714,7 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
       class="AppList-appContainer-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -21187,7 +20802,7 @@ exports[`Storyshots Views / Apps / Install App default 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -21239,7 +20854,7 @@ exports[`Storyshots Views / Apps / Install App default 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -21353,7 +20968,7 @@ exports[`Storyshots Views / Apps / Install App loading 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -21391,7 +21006,7 @@ exports[`Storyshots Views / Apps / Install App loading 1`] = `
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -21500,7 +21115,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -21550,14 +21165,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -21602,14 +21215,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -21645,14 +21256,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -21668,7 +21277,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -21716,7 +21325,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -21760,7 +21368,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -21802,7 +21409,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -21844,7 +21450,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -21886,7 +21491,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -21928,7 +21532,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -21970,7 +21573,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22012,7 +21614,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22054,7 +21655,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22096,7 +21696,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22138,7 +21737,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22180,7 +21778,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22222,7 +21819,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22264,7 +21860,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22306,7 +21901,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22348,7 +21942,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22390,7 +21983,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22432,7 +22024,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22474,7 +22065,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22516,7 +22106,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22558,7 +22147,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22600,7 +22188,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22642,7 +22229,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22684,7 +22270,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -22711,7 +22296,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -22759,7 +22344,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -22818,7 +22402,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -22868,14 +22452,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -22925,14 +22507,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -22968,14 +22548,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -22991,7 +22569,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -23039,7 +22617,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -23083,7 +22660,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23125,7 +22701,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23167,7 +22742,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23209,7 +22783,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23251,7 +22824,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23293,7 +22865,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23335,7 +22906,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23377,7 +22947,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23419,7 +22988,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23461,7 +23029,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23503,7 +23070,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23545,7 +23111,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23587,7 +23152,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23629,7 +23193,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23671,7 +23234,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23713,7 +23275,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23755,7 +23316,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23797,7 +23357,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23839,7 +23398,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23881,7 +23439,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23923,7 +23480,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -23965,7 +23521,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24007,7 +23562,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24034,7 +23588,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -24082,7 +23636,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -24141,7 +23694,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -24192,14 +23745,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -24245,14 +23796,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -24289,14 +23838,12 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -24312,7 +23859,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -24362,7 +23909,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -24408,7 +23954,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24452,7 +23997,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24496,7 +24040,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24540,7 +24083,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24584,7 +24126,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24628,7 +24169,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24672,7 +24212,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24716,7 +24255,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24760,7 +24298,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24804,7 +24341,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24848,7 +24384,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24892,7 +24427,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24936,7 +24470,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -24980,7 +24513,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25024,7 +24556,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25068,7 +24599,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25112,7 +24642,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25156,7 +24685,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25200,7 +24728,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25244,7 +24771,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25288,7 +24814,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25332,7 +24857,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25376,7 +24900,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25403,7 +24926,7 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -25453,7 +24976,6 @@ exports[`Storyshots Views / Apps / Webhooks / Create webhook loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -25524,7 +25046,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -25574,14 +25096,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -25626,14 +25146,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -25669,14 +25187,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -25692,7 +25208,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -25740,7 +25256,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -25784,7 +25299,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25826,7 +25340,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25868,7 +25381,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25910,7 +25422,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25952,7 +25463,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -25994,7 +25504,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26036,7 +25545,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26078,7 +25586,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26120,7 +25627,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26162,7 +25668,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26204,7 +25709,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26246,7 +25750,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26288,7 +25791,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26330,7 +25832,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26372,7 +25873,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26414,7 +25914,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26456,7 +25955,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26498,7 +25996,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26540,7 +26037,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26582,7 +26078,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26624,7 +26119,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26666,7 +26160,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26708,7 +26201,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -26735,7 +26227,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -26784,7 +26276,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -26848,7 +26339,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -26898,14 +26389,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -26955,14 +26444,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -26998,14 +26485,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -27021,7 +26506,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -27069,7 +26554,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -27113,7 +26597,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27155,7 +26638,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27197,7 +26679,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27239,7 +26720,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27281,7 +26761,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27323,7 +26802,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27365,7 +26843,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27407,7 +26884,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27449,7 +26925,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27491,7 +26966,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27533,7 +27007,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27575,7 +27048,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27617,7 +27089,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27659,7 +27130,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27701,7 +27171,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27743,7 +27212,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27785,7 +27253,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27827,7 +27294,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27869,7 +27335,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27911,7 +27376,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27953,7 +27417,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -27995,7 +27458,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28037,7 +27499,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28064,7 +27525,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -28113,7 +27574,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -28177,7 +27637,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -28228,14 +27688,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -28281,14 +27739,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -28325,14 +27781,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -28348,7 +27802,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -28398,7 +27852,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -28444,7 +27897,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28488,7 +27940,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28532,7 +27983,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28576,7 +28026,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28620,7 +28069,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28664,7 +28112,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28708,7 +28155,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28752,7 +28198,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28796,7 +28241,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28840,7 +28284,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28884,7 +28327,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28928,7 +28370,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -28972,7 +28413,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29016,7 +28456,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29060,7 +28499,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29104,7 +28542,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29148,7 +28585,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29192,7 +28628,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29236,7 +28671,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29280,7 +28714,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29324,7 +28757,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29368,7 +28800,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29412,7 +28843,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29439,7 +28869,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -29489,7 +28919,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -29548,7 +28977,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -29598,14 +29027,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Webhook Name
                       </span>
                     </legend>
                   </fieldset>
@@ -29650,14 +29077,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Target URL
                       </span>
                     </legend>
                   </fieldset>
@@ -29693,14 +29118,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Secrect Key
                       </span>
                     </legend>
                   </fieldset>
@@ -29716,7 +29139,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -29764,7 +29187,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -29808,7 +29230,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29850,7 +29271,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29892,7 +29312,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29934,7 +29353,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -29976,7 +29394,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30018,7 +29435,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30060,7 +29476,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30102,7 +29517,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30144,7 +29558,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30186,7 +29599,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30228,7 +29640,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30270,7 +29681,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30312,7 +29722,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30354,7 +29763,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30396,7 +29804,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30438,7 +29845,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30480,7 +29886,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30522,7 +29927,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30564,7 +29968,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30606,7 +30009,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30648,7 +30050,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30690,7 +30091,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30732,7 +30132,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -30759,7 +30158,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -30808,7 +30207,6 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -30872,7 +30270,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -30917,14 +30315,12 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Default Label
                       </span>
                     </legend>
                   </fieldset>
@@ -30956,14 +30352,12 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Attribute Code
                       </span>
                     </legend>
                   </fieldset>
@@ -30994,8 +30388,8 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                   >
                     <div
                       aria-haspopup="listbox"
-                      aria-labelledby=" mui-component-select-inputType"
-                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                      aria-labelledby="mui-component-select-inputType"
+                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                       id="mui-component-select-inputType"
                       role="button"
                       tabindex="0"
@@ -31003,15 +30397,16 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                       Dropdown
                     </div>
                     <input
+                      aria-hidden="true"
+                      class="MuiSelect-nativeInput-id"
                       name="inputType"
-                      type="hidden"
+                      tabindex="-1"
                       value="DROPDOWN"
                     />
                     <svg
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -31059,7 +30454,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -31090,7 +30484,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -31169,7 +30563,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -31224,7 +30617,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -31245,7 +30637,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -31300,7 +30691,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -31319,7 +30709,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -31380,7 +30770,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -31440,7 +30830,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -31505,7 +30895,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -31516,7 +30905,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -31555,7 +30943,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -31566,7 +30953,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -31590,7 +30976,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -31642,7 +31028,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -31692,14 +31077,12 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Position in faceted navigation
                       </span>
                     </legend>
                   </fieldset>
@@ -31785,7 +31168,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -31839,7 +31221,6 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -31908,7 +31289,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -31953,14 +31334,12 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Default Label
                       </span>
                     </legend>
                   </fieldset>
@@ -31992,14 +31371,12 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Attribute Code
                       </span>
                     </legend>
                   </fieldset>
@@ -32029,24 +31406,26 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
                   >
                     <div
+                      aria-disabled="true"
                       aria-haspopup="listbox"
-                      aria-labelledby=" mui-component-select-inputType"
-                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id MuiSelect-disabled-id"
+                      aria-labelledby="mui-component-select-inputType"
+                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiSelect-disabled-id"
                       id="mui-component-select-inputType"
                       role="button"
                     >
                       Dropdown
                     </div>
                     <input
+                      aria-hidden="true"
+                      class="MuiSelect-nativeInput-id"
                       name="inputType"
-                      type="hidden"
+                      tabindex="-1"
                       value="DROPDOWN"
                     />
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
+                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id MuiSelect-disabled-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -32094,7 +31473,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -32125,7 +31503,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -32204,7 +31582,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -32259,7 +31636,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -32280,7 +31656,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -32335,7 +31710,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -32354,7 +31728,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -32401,7 +31775,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -32471,7 +31844,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -32512,7 +31885,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -32539,7 +31912,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -32573,7 +31945,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -32633,7 +32005,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -32672,7 +32044,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -32724,7 +32096,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -32774,14 +32145,12 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Position in faceted navigation
                       </span>
                     </legend>
                   </fieldset>
@@ -32866,7 +32235,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -32915,7 +32283,6 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -32984,7 +32351,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -33029,14 +32396,12 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Default Label
                       </span>
                     </legend>
                   </fieldset>
@@ -33073,14 +32438,12 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Attribute Code
                       </span>
                     </legend>
                   </fieldset>
@@ -33110,24 +32473,26 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
                   >
                     <div
+                      aria-disabled="true"
                       aria-haspopup="listbox"
-                      aria-labelledby=" mui-component-select-inputType"
-                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id MuiSelect-disabled-id"
+                      aria-labelledby="mui-component-select-inputType"
+                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiSelect-disabled-id"
                       id="mui-component-select-inputType"
                       role="button"
                     >
                       Dropdown
                     </div>
                     <input
+                      aria-hidden="true"
+                      class="MuiSelect-nativeInput-id"
                       name="inputType"
-                      type="hidden"
+                      tabindex="-1"
                       value="DROPDOWN"
                     />
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
+                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id MuiSelect-disabled-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -33175,7 +32540,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -33206,7 +32570,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -33285,7 +32649,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -33340,7 +32703,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -33361,7 +32723,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -33416,7 +32777,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -33435,7 +32795,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -33482,7 +32842,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -33552,7 +32911,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -33593,7 +32952,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -33620,7 +32979,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -33654,7 +33012,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -33714,7 +33072,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -33753,7 +33111,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -33805,7 +33163,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -33855,14 +33212,12 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Position in faceted navigation
                       </span>
                     </legend>
                   </fieldset>
@@ -33952,7 +33307,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -34001,7 +33355,6 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -34075,7 +33428,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -34121,14 +33474,12 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Default Label
                       </span>
                     </legend>
                   </fieldset>
@@ -34161,14 +33512,12 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Attribute Code
                       </span>
                     </legend>
                   </fieldset>
@@ -34198,24 +33547,26 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
                   >
                     <div
+                      aria-disabled="true"
                       aria-haspopup="listbox"
-                      aria-labelledby=" mui-component-select-inputType"
-                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id MuiSelect-disabled-id"
+                      aria-labelledby="mui-component-select-inputType"
+                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiSelect-disabled-id"
                       id="mui-component-select-inputType"
                       role="button"
                     >
                       Dropdown
                     </div>
                     <input
+                      aria-hidden="true"
+                      class="MuiSelect-nativeInput-id"
                       name="inputType"
-                      type="hidden"
+                      tabindex="-1"
                       value="DROPDOWN"
                     />
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
+                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id MuiSelect-disabled-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -34265,7 +33616,6 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -34296,7 +33646,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -34375,7 +33725,6 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -34439,7 +33788,6 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -34458,7 +33806,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -34495,7 +33843,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -34531,7 +33879,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -34570,7 +33918,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -34624,7 +33972,6 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -34675,14 +34022,12 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Position in faceted navigation
                       </span>
                     </legend>
                   </fieldset>
@@ -34772,7 +34117,6 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -34828,7 +34172,6 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -34897,7 +34240,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -34942,14 +34285,12 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Default Label
                       </span>
                     </legend>
                   </fieldset>
@@ -34981,14 +34322,12 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Attribute Code
                       </span>
                     </legend>
                   </fieldset>
@@ -35018,24 +34357,26 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
                   >
                     <div
+                      aria-disabled="true"
                       aria-haspopup="listbox"
-                      aria-labelledby=" mui-component-select-inputType"
-                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id MuiSelect-disabled-id"
+                      aria-labelledby="mui-component-select-inputType"
+                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiSelect-disabled-id"
                       id="mui-component-select-inputType"
                       role="button"
                     >
                       Multiple Select
                     </div>
                     <input
+                      aria-hidden="true"
+                      class="MuiSelect-nativeInput-id"
                       name="inputType"
-                      type="hidden"
+                      tabindex="-1"
                       value="MULTISELECT"
                     />
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
+                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id MuiSelect-disabled-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -35083,7 +34424,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -35114,7 +34454,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -35193,7 +34533,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -35248,7 +34587,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -35269,7 +34607,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -35324,7 +34661,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -35343,7 +34679,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -35390,7 +34726,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -35460,7 +34795,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -35501,7 +34836,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -35528,7 +34863,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -35562,7 +34896,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -35622,7 +34956,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -35661,7 +34995,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -35713,7 +35047,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -35763,14 +35096,12 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Position in faceted navigation
                       </span>
                     </legend>
                   </fieldset>
@@ -35855,7 +35186,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -35904,7 +35234,6 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -35973,7 +35302,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -36018,14 +35347,12 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Default Label
                       </span>
                     </legend>
                   </fieldset>
@@ -36057,14 +35384,12 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Attribute Code
                       </span>
                     </legend>
                   </fieldset>
@@ -36094,24 +35419,26 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
                   >
                     <div
+                      aria-disabled="true"
                       aria-haspopup="listbox"
-                      aria-labelledby=" mui-component-select-inputType"
-                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id MuiSelect-disabled-id"
+                      aria-labelledby="mui-component-select-inputType"
+                      class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiSelect-disabled-id"
                       id="mui-component-select-inputType"
                       role="button"
                     >
                       Dropdown
                     </div>
                     <input
+                      aria-hidden="true"
+                      class="MuiSelect-nativeInput-id"
                       name="inputType"
-                      type="hidden"
+                      tabindex="-1"
                       value="DROPDOWN"
                     />
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
+                      class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id MuiSelect-disabled-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -36159,7 +35486,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -36190,7 +35516,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -36269,7 +35595,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -36332,7 +35657,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -36351,7 +35675,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -36398,7 +35722,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -36468,7 +35791,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -36509,7 +35832,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -36536,7 +35859,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -36570,7 +35892,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -36630,7 +35952,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -36669,7 +35991,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -36721,7 +36043,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -36771,14 +36092,12 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Position in faceted navigation
                       </span>
                     </legend>
                   </fieldset>
@@ -36863,7 +36182,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -36912,7 +36230,6 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -36988,7 +36305,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -37004,7 +36321,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -37016,7 +36333,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -37106,7 +36423,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37146,7 +36462,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowLeft-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -37245,16 +36560,11 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -37271,16 +36581,11 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -37317,7 +36622,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37391,7 +36695,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37465,7 +36768,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37539,7 +36841,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37613,7 +36914,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37687,7 +36987,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37761,7 +37060,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37835,7 +37133,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37909,7 +37206,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -37983,7 +37279,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -38057,7 +37352,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -38131,7 +37425,6 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -38225,7 +37518,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -38241,7 +37534,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -38253,7 +37546,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -38345,7 +37638,6 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -38385,7 +37677,6 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowLeft-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -38484,16 +37775,11 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -38511,16 +37797,11 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -38558,7 +37839,6 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -38669,7 +37949,7 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -38685,7 +37965,7 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -38697,7 +37977,7 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -38792,7 +38072,6 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowLeft-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -38891,16 +38170,11 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -38917,16 +38191,11 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -38961,7 +38230,7 @@ exports[`Storyshots Views / Authentication / Log in default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -38993,14 +38262,12 @@ exports[`Storyshots Views / Authentication / Log in default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  E-mail Address
                 </span>
               </legend>
             </fieldset>
@@ -39033,14 +38300,12 @@ exports[`Storyshots Views / Authentication / Log in default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Password
                 </span>
               </legend>
             </fieldset>
@@ -39118,7 +38383,7 @@ exports[`Storyshots Views / Authentication / Log in disabled 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39151,14 +38416,12 @@ exports[`Storyshots Views / Authentication / Log in disabled 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  E-mail Address
                 </span>
               </legend>
             </fieldset>
@@ -39192,14 +38455,12 @@ exports[`Storyshots Views / Authentication / Log in disabled 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Password
                 </span>
               </legend>
             </fieldset>
@@ -39279,7 +38540,7 @@ exports[`Storyshots Views / Authentication / Log in error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39321,14 +38582,12 @@ exports[`Storyshots Views / Authentication / Log in error 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  E-mail Address
                 </span>
               </legend>
             </fieldset>
@@ -39361,14 +38620,12 @@ exports[`Storyshots Views / Authentication / Log in error 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Password
                 </span>
               </legend>
             </fieldset>
@@ -39446,7 +38703,7 @@ exports[`Storyshots Views / Authentication / Log in loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39485,7 +38742,7 @@ exports[`Storyshots Views / Authentication / Reset password default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39525,14 +38782,12 @@ exports[`Storyshots Views / Authentication / Reset password default 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  E-mail Address
                 </span>
               </legend>
             </fieldset>
@@ -39563,7 +38818,7 @@ exports[`Storyshots Views / Authentication / Reset password error 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39612,14 +38867,12 @@ exports[`Storyshots Views / Authentication / Reset password error 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  E-mail Address
                 </span>
               </legend>
             </fieldset>
@@ -39650,7 +38903,7 @@ exports[`Storyshots Views / Authentication / Reset password loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39691,14 +38944,12 @@ exports[`Storyshots Views / Authentication / Reset password loading 1`] = `
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  E-mail Address
                 </span>
               </legend>
             </fieldset>
@@ -39730,7 +38981,7 @@ exports[`Storyshots Views / Authentication / Reset password success default 1`]
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39765,7 +39016,7 @@ exports[`Storyshots Views / Authentication / Set up a new password default 1`] =
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39805,14 +39056,12 @@ exports[`Storyshots Views / Authentication / Set up a new password default 1`] =
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  New Password
                 </span>
               </legend>
             </fieldset>
@@ -39845,14 +39094,12 @@ exports[`Storyshots Views / Authentication / Set up a new password default 1`] =
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Confirm Password
                 </span>
               </legend>
             </fieldset>
@@ -39883,7 +39130,7 @@ exports[`Storyshots Views / Authentication / Set up a new password loading 1`] =
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -39924,14 +39171,12 @@ exports[`Storyshots Views / Authentication / Set up a new password loading 1`] =
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  New Password
                 </span>
               </legend>
             </fieldset>
@@ -39965,14 +39210,12 @@ exports[`Storyshots Views / Authentication / Set up a new password loading 1`] =
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Confirm Password
                 </span>
               </legend>
             </fieldset>
@@ -40004,7 +39247,7 @@ exports[`Storyshots Views / Authentication / Set up a new password too short err
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     style="margin:auto;overflow:visible;position:relative;width:400px"
   >
     <div
@@ -40053,14 +39296,12 @@ exports[`Storyshots Views / Authentication / Set up a new password too short err
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  New Password
                 </span>
               </legend>
             </fieldset>
@@ -40093,14 +39334,12 @@ exports[`Storyshots Views / Authentication / Set up a new password too short err
             <fieldset
               aria-hidden="true"
               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              style="padding-left:8px"
             >
               <legend
-                class="PrivateNotchedOutline-legend-id"
-                style="width:0.01px"
+                class="PrivateNotchedOutline-legendLabelled-id"
               >
                 <span>
-                  ​
+                  Confirm Password
                 </span>
               </legend>
             </fieldset>
@@ -40193,7 +39432,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -40209,7 +39448,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -40221,7 +39460,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -40298,7 +39537,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40329,7 +39567,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -40403,22 +39640,22 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -40445,16 +39682,11 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -40471,16 +39703,11 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -40516,7 +39743,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40572,7 +39798,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40628,7 +39853,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40684,7 +39908,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40740,7 +39963,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40796,7 +40018,6 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -40873,7 +40094,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -40889,7 +40110,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -40901,7 +40122,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -40974,7 +40195,6 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -41048,22 +40268,22 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -41090,16 +40310,11 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -41116,16 +40331,11 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -41192,7 +40402,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -41208,7 +40418,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -41220,7 +40430,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -41297,7 +40507,6 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -41328,7 +40537,6 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -41402,22 +40610,22 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -41444,16 +40652,11 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -41470,16 +40673,11 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -41514,7 +40712,6 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -41593,7 +40790,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -41640,14 +40837,12 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Category Name
                       </span>
                     </legend>
                   </fieldset>
@@ -41681,7 +40876,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -41727,7 +40922,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -41788,7 +40983,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -41878,7 +41073,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -41924,14 +41119,12 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Category Name
                       </span>
                     </legend>
                   </fieldset>
@@ -41965,7 +41158,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -42011,7 +41204,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -42072,7 +41265,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -42162,7 +41355,7 @@ exports[`Storyshots Views / Categories / Create category form errors 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -42208,14 +41401,12 @@ exports[`Storyshots Views / Categories / Create category form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Category Name
                       </span>
                     </legend>
                   </fieldset>
@@ -42256,7 +41447,7 @@ exports[`Storyshots Views / Categories / Create category form errors 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -42302,7 +41493,7 @@ exports[`Storyshots Views / Categories / Create category form errors 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -42363,7 +41554,7 @@ exports[`Storyshots Views / Categories / Create category form errors 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -42452,7 +41643,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -42498,14 +41689,12 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -42539,7 +41728,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -42602,7 +41791,6 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -42656,14 +41844,12 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Description
                   </span>
                 </legend>
               </fieldset>
@@ -42680,7 +41866,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -42726,7 +41912,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -42773,7 +41959,6 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -42843,7 +42028,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -42884,7 +42069,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -42911,7 +42096,6 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -42945,7 +42129,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -43023,7 +42207,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -43143,16 +42327,11 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -43169,16 +42348,11 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -43235,7 +42409,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -43281,14 +42455,12 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -43329,7 +42501,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -43392,7 +42564,6 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -43446,14 +42617,12 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Description
                   </span>
                 </legend>
               </fieldset>
@@ -43470,7 +42639,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -43516,7 +42685,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -43563,7 +42732,6 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -43633,7 +42801,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -43674,7 +42842,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -43701,7 +42869,6 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -43735,7 +42902,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -43813,7 +42980,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -43933,16 +43100,11 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -43959,16 +43121,11 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -44030,7 +43187,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44077,14 +43234,12 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -44118,7 +43273,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44176,7 +43331,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44222,7 +43377,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -44259,7 +43414,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -44313,7 +43468,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44379,7 +43534,6 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -44471,16 +43625,11 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -44498,16 +43647,11 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -44544,7 +43688,6 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -44623,7 +43766,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44669,14 +43812,12 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -44710,7 +43851,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44768,7 +43909,6 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
               aria-hidden="true"
               class="MuiSvgIcon-root-id ImageUpload-photosIcon-id"
               focusable="false"
-              role="presentation"
               viewBox="0 0 24 24"
             >
               <path
@@ -44806,7 +43946,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -44852,7 +43992,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -44899,7 +44039,6 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -44969,7 +44108,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45010,7 +44149,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45037,7 +44176,6 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -45071,7 +44209,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -45149,7 +44287,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -45269,16 +44407,11 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -45295,16 +44428,11 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -45361,7 +44489,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -45407,14 +44535,12 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -45448,7 +44574,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -45511,7 +44637,6 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -45565,14 +44690,12 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Description
                   </span>
                 </legend>
               </fieldset>
@@ -45589,7 +44712,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -45635,7 +44758,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -45682,7 +44805,6 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -45752,7 +44874,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45793,7 +44915,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45820,7 +44942,6 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -45854,7 +44975,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -45932,7 +45053,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -46056,16 +45177,11 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -46082,16 +45198,11 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -46149,7 +45260,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -46195,14 +45306,12 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -46236,7 +45345,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -46299,7 +45408,6 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -46353,14 +45461,12 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Description
                   </span>
                 </legend>
               </fieldset>
@@ -46377,7 +45483,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -46423,7 +45529,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -46470,7 +45576,6 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -46540,7 +45645,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -46581,7 +45686,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -46608,7 +45713,6 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -46642,7 +45746,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -46720,7 +45824,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -46840,16 +45944,11 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -46866,16 +45965,11 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -46932,7 +46026,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -46978,14 +46072,12 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Category Name
                     </span>
                   </legend>
                 </fieldset>
@@ -47019,7 +46111,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -47082,7 +46174,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -47136,14 +46227,12 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
               <fieldset
                 aria-hidden="true"
                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                 >
                   <span>
-                    ​
+                    Description
                   </span>
                 </legend>
               </fieldset>
@@ -47160,7 +46249,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -47206,7 +46295,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="false"
@@ -47253,7 +46342,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -47323,7 +46411,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -47364,7 +46452,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -47391,7 +46479,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -47425,7 +46512,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         data-test="metadataEditor"
         data-test-expanded="true"
         data-test-is-private="true"
@@ -47503,7 +46590,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
         class="CardSpacer-spacer-id"
       />
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -47585,7 +46672,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -47662,16 +46748,11 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -47688,16 +46769,11 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -47731,7 +46807,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -47817,7 +46892,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -47903,7 +46977,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -47989,7 +47062,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48075,7 +47147,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48161,7 +47232,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48247,7 +47317,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48333,7 +47402,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48419,7 +47487,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48505,7 +47572,6 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -48589,7 +47655,7 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -48634,14 +47700,12 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Channel Name
                     </span>
                   </legend>
                 </fieldset>
@@ -48677,14 +47741,12 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Slug
                     </span>
                   </legend>
                 </fieldset>
@@ -48699,7 +47761,7 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -48753,7 +47815,6 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -48768,14 +47829,12 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Currency
                       </span>
                     </legend>
                   </fieldset>
@@ -48787,7 +47846,7 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -48849,7 +47908,7 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -48895,14 +47954,12 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Channel Name
                     </span>
                   </legend>
                 </fieldset>
@@ -48939,14 +47996,12 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Slug
                     </span>
                   </legend>
                 </fieldset>
@@ -48961,7 +48016,7 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49016,7 +48071,6 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -49031,14 +48085,12 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Currency
                       </span>
                     </legend>
                   </fieldset>
@@ -49050,7 +48102,7 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49112,7 +48164,7 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49157,14 +48209,12 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Channel Name
                     </span>
                   </legend>
                 </fieldset>
@@ -49200,14 +48250,12 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Slug
                     </span>
                   </legend>
                 </fieldset>
@@ -49222,7 +48270,7 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49276,7 +48324,6 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -49291,14 +48338,12 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Currency
                       </span>
                     </legend>
                   </fieldset>
@@ -49310,7 +48355,7 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49372,7 +48417,7 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49417,14 +48462,12 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Channel Name
                     </span>
                   </legend>
                 </fieldset>
@@ -49460,14 +48503,12 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Slug
                     </span>
                   </legend>
                 </fieldset>
@@ -49482,7 +48523,7 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49536,7 +48577,6 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -49551,14 +48591,12 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Currency
                       </span>
                     </legend>
                   </fieldset>
@@ -49570,7 +48608,7 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49632,7 +48670,7 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49677,14 +48715,12 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Channel Name
                     </span>
                   </legend>
                 </fieldset>
@@ -49720,14 +48756,12 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Slug
                     </span>
                   </legend>
                 </fieldset>
@@ -49748,7 +48782,7 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49802,7 +48836,6 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -49817,14 +48850,12 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Currency
                       </span>
                     </legend>
                   </fieldset>
@@ -49836,7 +48867,7 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49898,7 +48929,7 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -49943,14 +48974,12 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Channel Name
                     </span>
                   </legend>
                 </fieldset>
@@ -49986,14 +49015,12 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Slug
                     </span>
                   </legend>
                 </fieldset>
@@ -50008,7 +49035,7 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -50046,7 +49073,7 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -50103,7 +49130,7 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50148,14 +49175,12 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Channel Name
               </span>
             </legend>
           </fieldset>
@@ -50191,14 +49216,12 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Slug
               </span>
             </legend>
           </fieldset>
@@ -50213,7 +49236,7 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
     class="CardSpacer-spacer-id"
   />
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50256,7 +49279,7 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50302,14 +49325,12 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Channel Name
               </span>
             </legend>
           </fieldset>
@@ -50346,14 +49367,12 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Slug
               </span>
             </legend>
           </fieldset>
@@ -50368,7 +49387,7 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
     class="CardSpacer-spacer-id"
   />
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50411,7 +49430,7 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50456,14 +49475,12 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Channel Name
               </span>
             </legend>
           </fieldset>
@@ -50499,14 +49516,12 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
           <fieldset
             aria-hidden="true"
             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-            style="padding-left:8px"
           >
             <legend
-              class="PrivateNotchedOutline-legend-id"
-              style="width:0"
+              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
             >
               <span>
-                ​
+                Slug
               </span>
             </legend>
           </fieldset>
@@ -50527,7 +49542,7 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
     class="CardSpacer-spacer-id"
   />
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50570,7 +49585,7 @@ exports[`Storyshots Views / Channels / Channel status active 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50624,7 +49639,7 @@ exports[`Storyshots Views / Channels / Channel status inactive 1`] = `
   style="padding:24px"
 >
   <div
-    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
   >
     <div
       class="CardTitle-root-id"
@@ -50711,7 +49726,7 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -50777,7 +49792,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -50815,7 +49829,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -50853,7 +49866,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -50891,7 +49903,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -50929,7 +49940,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -50967,7 +49977,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -51005,7 +50014,6 @@ exports[`Storyshots Views / Channels / Channels list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -51062,7 +50070,7 @@ exports[`Storyshots Views / Channels / Channels list empty 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -51167,7 +50175,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -51212,14 +50220,12 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -51252,7 +50258,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -51315,7 +50321,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -51369,14 +50374,12 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Description
                       </span>
                     </legend>
                   </fieldset>
@@ -51393,7 +50396,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -51440,7 +50443,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -51510,7 +50512,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -51551,7 +50553,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -51578,7 +50580,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -51612,7 +50613,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -51673,7 +50674,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -51738,7 +50739,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -51814,16 +50814,11 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -51840,16 +50835,11 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -51883,7 +50873,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -51956,7 +50945,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -51989,7 +50977,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -52062,7 +51049,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -52095,7 +51081,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -52168,7 +51153,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -52201,7 +51185,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -52274,7 +51257,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -52293,7 +51275,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -52339,7 +51321,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
         <div>
           <div>
             <div
-              class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             >
               <div
                 class="CardTitle-root-id"
@@ -52390,7 +51372,6 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -52452,7 +51433,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -52497,14 +51478,12 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -52544,7 +51523,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -52607,7 +51586,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -52661,14 +51639,12 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Description
                       </span>
                     </legend>
                   </fieldset>
@@ -52685,7 +51661,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -52732,7 +51708,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -52802,7 +51777,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -52843,7 +51818,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -52870,7 +51845,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -52904,7 +51878,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -52965,7 +51939,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53030,7 +52004,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53106,16 +52079,11 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -53132,16 +52100,11 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -53175,7 +52138,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53248,7 +52210,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53281,7 +52242,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53354,7 +52314,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53387,7 +52346,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53460,7 +52418,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53493,7 +52450,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53566,7 +52522,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53585,7 +52540,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53631,7 +52586,7 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
         <div>
           <div>
             <div
-              class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             >
               <div
                 class="CardTitle-root-id"
@@ -53682,7 +52637,6 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -53749,7 +52703,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53795,14 +52749,12 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -53835,7 +52787,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53893,7 +52845,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -53930,7 +52882,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -53967,7 +52919,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54039,7 +52991,6 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -54115,16 +53066,11 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -54141,16 +53087,11 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -54186,7 +53127,6 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -54214,7 +53154,6 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -54267,7 +53206,6 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -54286,7 +53224,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54332,7 +53270,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
         <div>
           <div>
             <div
-              class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             >
               <div
                 class="CardTitle-root-id"
@@ -54383,7 +53321,6 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -54445,7 +53382,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54491,14 +53428,12 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -54531,7 +53466,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54594,7 +53529,6 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -54648,14 +53582,12 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Description
                       </span>
                     </legend>
                   </fieldset>
@@ -54672,7 +53604,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -54719,7 +53651,6 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -54789,7 +53720,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -54830,7 +53761,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -54857,7 +53788,6 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -54891,7 +53821,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -54952,7 +53882,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -55059,16 +53989,11 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -55085,16 +54010,11 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -55127,7 +54047,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -55173,7 +54093,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
         <div>
           <div>
             <div
-              class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             >
               <div
                 class="CardTitle-root-id"
@@ -55224,7 +54144,6 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -55294,7 +54213,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -55310,7 +54229,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -55322,7 +54241,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -55399,7 +54318,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55430,7 +54348,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -55504,22 +54421,22 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -55546,16 +54463,11 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -55572,16 +54484,11 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -55617,7 +54524,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55687,7 +54593,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55743,7 +54648,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55799,7 +54703,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55855,7 +54758,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55911,7 +54813,6 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -55990,7 +54891,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -56006,7 +54907,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -56018,7 +54919,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -56097,7 +54998,6 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -56128,7 +55028,6 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -56202,22 +55101,22 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -56244,16 +55143,11 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -56271,16 +55165,11 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -56317,7 +55206,6 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -56409,7 +55297,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -56425,7 +55313,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -56437,7 +55325,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -56510,7 +55398,6 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -56584,22 +55471,22 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -56626,16 +55513,11 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -56652,16 +55534,11 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -56721,7 +55598,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -56766,14 +55643,12 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -56806,7 +55681,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -56864,7 +55739,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ImageUpload-photosIcon-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -56902,7 +55776,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -56948,7 +55822,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -57009,7 +55883,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -57069,7 +55943,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -57120,7 +55994,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57162,7 +56035,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57204,7 +56076,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57246,7 +56117,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57288,7 +56158,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57330,7 +56199,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57372,7 +56240,6 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57433,7 +56300,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -57478,14 +56345,12 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -57525,7 +56390,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -57583,7 +56448,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ImageUpload-photosIcon-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -57621,7 +56485,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -57667,7 +56531,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -57728,7 +56592,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -57788,7 +56652,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -57839,7 +56703,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57881,7 +56744,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57923,7 +56785,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -57965,7 +56826,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58007,7 +56867,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58049,7 +56908,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58091,7 +56949,6 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58152,7 +57009,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -58198,14 +57055,12 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -58238,7 +57093,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -58296,7 +57151,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ImageUpload-photosIcon-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -58334,7 +57188,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -58380,7 +57234,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -58441,7 +57295,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -58501,7 +57355,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -58552,7 +57406,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58594,7 +57447,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58636,7 +57488,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58678,7 +57529,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58720,7 +57570,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58762,7 +57611,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58804,7 +57652,6 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -58875,7 +57722,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="attributes"
         >
@@ -58889,7 +57736,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -58915,7 +57761,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="product types"
         >
@@ -58929,7 +57775,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -58972,7 +57817,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="taxes"
         >
@@ -58986,7 +57831,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59029,7 +57873,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="staff members"
         >
@@ -59043,7 +57887,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59069,7 +57912,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="permission groups"
         >
@@ -59083,7 +57926,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59126,7 +57968,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="shipping methods"
         >
@@ -59140,7 +57982,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59166,7 +58007,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="warehouses"
         >
@@ -59180,7 +58021,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59223,7 +58063,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="page types"
         >
@@ -59237,7 +58077,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59263,7 +58102,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="pages"
         >
@@ -59277,7 +58116,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59320,7 +58158,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="navigation"
         >
@@ -59334,7 +58172,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59360,7 +58197,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="site settings"
         >
@@ -59374,7 +58211,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59400,7 +58236,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="plugins"
         >
@@ -59415,7 +58251,6 @@ exports[`Storyshots Views / Configuration default 1`] = `
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
                 preserveAspectRatio="xMinYMin meet"
-                role="presentation"
                 viewBox="-8 -5 44 44"
               >
                 <g>
@@ -59488,7 +58323,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="attributes"
         >
@@ -59502,7 +58337,6 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59528,7 +58362,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="product types"
         >
@@ -59542,7 +58376,6 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59585,7 +58418,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="warehouses"
         >
@@ -59599,7 +58432,6 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59642,7 +58474,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
         class="ConfigurationPage-configurationItem-id"
       >
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="page types"
         >
@@ -59656,7 +58488,6 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59682,7 +58513,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id ConfigurationPage-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="settingsSubsection"
           data-testid="pages"
         >
@@ -59696,7 +58527,6 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeInherit-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 44 44"
               >
                 <path
@@ -59767,7 +58597,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
       class="CustomerAddressListPage-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CustomerAddress-card-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id CustomerAddress-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -59795,7 +58625,6 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -59848,7 +58677,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CustomerAddress-card-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id CustomerAddress-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -59874,7 +58703,6 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -59972,7 +58800,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
       class="CustomerAddressListPage-root-id"
     >
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CustomerAddress-card-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id CustomerAddress-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -60005,7 +58833,6 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -60104,7 +58931,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -60152,14 +58979,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -60187,14 +59012,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -60222,14 +59045,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          E-mail Address
                         </span>
                       </legend>
                     </fieldset>
@@ -60242,7 +59063,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CustomerCreateAddress-overflow-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CustomerCreateAddress-overflow-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -60299,14 +59120,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            First Name
                           </span>
                         </legend>
                       </fieldset>
@@ -60336,14 +59155,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Last Name
                           </span>
                         </legend>
                       </fieldset>
@@ -60380,14 +59197,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Company
                           </span>
                         </legend>
                       </fieldset>
@@ -60417,14 +59232,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Phone
                           </span>
                         </legend>
                       </fieldset>
@@ -60457,14 +59270,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 1
                       </span>
                     </legend>
                   </fieldset>
@@ -60495,14 +59306,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 2
                       </span>
                     </legend>
                   </fieldset>
@@ -60537,14 +59346,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -60574,14 +59381,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -60626,7 +59431,6 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -60641,14 +59445,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -60679,14 +59481,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -60700,7 +59500,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -60759,14 +59559,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -60811,7 +59609,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -60859,14 +59657,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -60894,14 +59690,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -60929,14 +59723,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          E-mail Address
                         </span>
                       </legend>
                     </fieldset>
@@ -60954,7 +59746,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CustomerCreateAddress-overflow-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CustomerCreateAddress-overflow-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -61011,14 +59803,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            First Name
                           </span>
                         </legend>
                       </fieldset>
@@ -61053,14 +59843,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Last Name
                           </span>
                         </legend>
                       </fieldset>
@@ -61102,14 +59890,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Company
                           </span>
                         </legend>
                       </fieldset>
@@ -61144,14 +59930,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Phone
                           </span>
                         </legend>
                       </fieldset>
@@ -61189,14 +59973,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 1
                       </span>
                     </legend>
                   </fieldset>
@@ -61232,14 +60014,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 2
                       </span>
                     </legend>
                   </fieldset>
@@ -61279,14 +60059,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -61321,14 +60099,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -61378,7 +60154,6 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -61393,14 +60168,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -61436,14 +60209,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -61462,7 +60233,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -61521,14 +60292,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -61578,7 +60347,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -61627,14 +60396,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -61663,14 +60430,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -61699,14 +60464,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          E-mail Address
                         </span>
                       </legend>
                     </fieldset>
@@ -61719,7 +60482,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CustomerCreateAddress-overflow-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CustomerCreateAddress-overflow-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -61777,14 +60540,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            First Name
                           </span>
                         </legend>
                       </fieldset>
@@ -61815,14 +60576,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Last Name
                           </span>
                         </legend>
                       </fieldset>
@@ -61860,14 +60619,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Company
                           </span>
                         </legend>
                       </fieldset>
@@ -61898,14 +60655,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Phone
                           </span>
                         </legend>
                       </fieldset>
@@ -61939,14 +60694,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 1
                       </span>
                     </legend>
                   </fieldset>
@@ -61978,14 +60731,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 2
                       </span>
                     </legend>
                   </fieldset>
@@ -62021,14 +60772,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -62059,14 +60808,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -62112,7 +60859,6 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -62127,14 +60873,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -62166,14 +60910,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -62187,7 +60929,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -62247,14 +60989,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -62299,7 +61039,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -62348,7 +61088,6 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -62401,14 +61140,12 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -62420,7 +61157,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -62473,14 +61210,12 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -62508,14 +61243,12 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -62552,14 +61285,12 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -62571,7 +61302,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -62686,7 +61417,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -62747,7 +61478,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -62807,7 +61538,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -62881,7 +61612,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -62982,7 +61713,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -63031,7 +61762,6 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -63084,14 +61814,12 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -63103,7 +61831,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -63156,14 +61884,12 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -63191,14 +61917,12 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -63235,14 +61959,12 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -63254,7 +61976,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -63369,7 +62091,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -63430,7 +62152,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -63490,7 +62212,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -63604,7 +62326,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -63705,7 +62427,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -63754,7 +62476,6 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -63807,14 +62528,12 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -63826,7 +62545,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -63879,14 +62598,12 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -63919,14 +62636,12 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -63968,14 +62683,12 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -63992,7 +62705,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -64107,7 +62820,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -64168,7 +62881,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -64228,7 +62941,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -64302,7 +63015,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -64408,7 +63121,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -64463,7 +63176,6 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -64512,14 +63224,12 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -64531,7 +63241,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -64585,14 +63295,12 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -64621,14 +63329,12 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -64666,14 +63372,12 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -64685,7 +63389,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -64806,7 +63510,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -64843,7 +63547,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -64879,7 +63583,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -64931,7 +63635,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -65020,7 +63724,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -65069,7 +63773,6 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -65122,14 +63825,12 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -65141,7 +63842,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -65194,14 +63895,12 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -65229,14 +63928,12 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -65273,14 +63970,12 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -65292,7 +63987,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -65407,7 +64102,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -65468,7 +64163,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -65528,7 +64223,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -65602,7 +64297,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -65697,7 +64392,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -65746,7 +64441,6 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -65799,14 +64493,12 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -65818,7 +64510,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -65871,14 +64563,12 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -65906,14 +64596,12 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -65950,14 +64638,12 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -65969,7 +64655,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -66084,7 +64770,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -66145,7 +64831,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -66205,7 +64891,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -66279,7 +64965,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -66374,7 +65060,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -66423,7 +65109,6 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -66476,14 +65161,12 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -66495,7 +65178,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -66548,14 +65231,12 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -66583,14 +65264,12 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -66627,14 +65306,12 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -66646,7 +65323,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -66761,7 +65438,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -66822,7 +65499,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -66882,7 +65559,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -66928,7 +65605,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -67029,7 +65706,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -67078,7 +65755,6 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -67131,14 +65807,12 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -67150,7 +65824,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -67203,14 +65877,12 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -67238,14 +65910,12 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -67282,14 +65952,12 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -67301,7 +65969,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -67416,7 +66084,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -67477,7 +66145,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -67537,7 +66205,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -67611,7 +66279,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -67712,7 +66380,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CustomerDetails-cardTitle-id"
@@ -67761,7 +66429,6 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -67814,14 +66481,12 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Note
                       </span>
                     </legend>
                   </fieldset>
@@ -67833,7 +66498,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -67886,14 +66551,12 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          First Name
                         </span>
                       </legend>
                     </fieldset>
@@ -67921,14 +66584,12 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Last Name
                         </span>
                       </legend>
                     </fieldset>
@@ -67965,14 +66626,12 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        E-mail Address
                       </span>
                     </legend>
                   </fieldset>
@@ -67984,7 +66643,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -68099,7 +66758,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -68160,7 +66819,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -68220,7 +66879,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -68294,7 +66953,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -68402,7 +67061,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -68418,7 +67077,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -68430,7 +67089,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -68520,7 +67179,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -68551,7 +67209,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -68625,22 +67282,22 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -68667,16 +67324,11 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -68693,16 +67345,11 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -68736,7 +67383,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -68789,7 +67435,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -68842,7 +67487,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -68895,7 +67539,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -68948,7 +67591,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69001,7 +67643,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69054,7 +67695,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69107,7 +67747,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69160,7 +67799,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69213,7 +67851,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69266,7 +67903,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69319,7 +67955,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69372,7 +68007,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69425,7 +68059,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69478,7 +68111,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69531,7 +68163,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69584,7 +68215,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69637,7 +68267,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69690,7 +68319,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69743,7 +68371,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69796,7 +68423,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69849,7 +68475,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69902,7 +68527,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -69955,7 +68579,6 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -70031,7 +68654,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -70047,7 +68670,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -70059,7 +68682,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -70151,7 +68774,6 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -70182,7 +68804,6 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -70256,22 +68877,22 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -70298,16 +68919,11 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -70325,16 +68941,11 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -70370,7 +68981,6 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -70452,7 +69062,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -70468,7 +69078,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -70480,7 +69090,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -70566,7 +69176,6 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -70640,22 +69249,22 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -70682,16 +69291,11 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -70708,16 +69312,11 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -70777,7 +69376,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -70822,14 +69421,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -70841,7 +69438,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -70895,7 +69492,6 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -70906,7 +69502,6 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -70946,7 +69541,6 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -70957,7 +69551,6 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -70981,7 +69574,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -71084,14 +69677,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71138,14 +69729,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71192,14 +69781,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71246,14 +69833,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71300,14 +69885,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71354,14 +69937,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71408,14 +69989,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -71433,7 +70012,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -71481,14 +70060,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -71516,14 +70093,12 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -71550,7 +70125,6 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -71575,7 +70149,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -71757,7 +70331,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -71802,14 +70376,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -71826,7 +70398,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -71880,7 +70452,6 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -71891,7 +70462,6 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -71931,7 +70501,6 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -71942,7 +70511,6 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -71966,7 +70534,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -72069,14 +70637,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72123,14 +70689,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72177,14 +70741,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72231,14 +70793,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72285,14 +70845,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72339,14 +70897,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72393,14 +70949,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -72418,7 +70972,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -72466,14 +71020,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -72506,14 +71058,12 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -72545,7 +71095,6 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -72570,7 +71119,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -72752,7 +71301,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -72798,14 +71347,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -72817,7 +71364,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -72873,7 +71420,6 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -72884,7 +71430,6 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -72926,7 +71471,6 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -72937,7 +71481,6 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -72961,7 +71504,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -73065,14 +71608,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73120,14 +71661,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73175,14 +71714,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73230,14 +71767,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73285,14 +71820,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73340,14 +71873,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73395,14 +71926,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -73420,7 +71949,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -73469,14 +71998,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -73505,14 +72032,12 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -73539,7 +72064,6 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -73564,7 +72088,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -73746,7 +72270,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -73791,14 +72315,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -73810,7 +72332,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -73865,7 +72387,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -73876,7 +72397,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -73915,7 +72435,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -73926,7 +72445,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -73950,7 +72468,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -74053,14 +72571,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74107,14 +72623,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74161,14 +72675,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74215,14 +72727,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74269,14 +72779,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74323,14 +72831,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74377,14 +72883,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -74425,7 +72929,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -74501,7 +73005,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -74567,16 +73070,11 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -74593,16 +73091,11 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -74636,7 +73129,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -74676,7 +73168,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -74695,7 +73186,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -74743,14 +73234,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -74778,14 +73267,12 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -74812,7 +73299,6 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -74837,7 +73323,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -74921,7 +73407,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -75103,7 +73589,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -75148,14 +73634,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -75167,7 +73651,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -75222,7 +73706,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -75233,7 +73716,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -75272,7 +73754,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -75283,7 +73764,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -75307,7 +73787,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -75410,14 +73890,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75464,14 +73942,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75518,14 +73994,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75572,14 +74046,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75626,14 +74098,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75680,14 +74150,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75734,14 +74202,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -75782,7 +74248,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -75858,7 +74324,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -75924,16 +74389,11 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -75950,16 +74410,11 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -75993,7 +74448,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -76033,7 +74487,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -76052,7 +74505,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -76100,14 +74553,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -76135,14 +74586,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -76169,7 +74618,6 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -76194,7 +74642,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -76278,7 +74726,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -76460,7 +74908,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -76505,14 +74953,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -76529,7 +74975,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -76584,7 +75030,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -76595,7 +75040,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -76634,7 +75078,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -76645,7 +75088,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -76669,7 +75111,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -76772,14 +75214,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -76826,14 +75266,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -76880,14 +75318,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -76934,14 +75370,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -76988,14 +75422,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -77042,14 +75474,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -77096,14 +75526,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -77144,7 +75572,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -77220,7 +75648,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -77286,16 +75713,11 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -77312,16 +75734,11 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -77355,7 +75772,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -77395,7 +75811,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -77414,7 +75829,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -77462,14 +75877,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -77502,14 +75915,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -77541,7 +75952,6 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -77566,7 +75976,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -77650,7 +76060,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -77837,7 +76247,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -77883,14 +76293,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -77902,7 +76310,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -77958,7 +76366,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -77969,7 +76376,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -78011,7 +76417,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -78022,7 +76427,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -78046,7 +76450,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -78150,14 +76554,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78205,14 +76607,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78260,14 +76660,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78315,14 +76713,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78370,14 +76766,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78425,14 +76819,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78480,14 +76872,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -78528,7 +76918,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -78606,7 +76996,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -78672,16 +77061,11 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -78699,16 +77083,11 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -78744,7 +77123,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -78793,7 +77171,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -78812,7 +77189,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -78861,14 +77238,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -78897,14 +77272,12 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -78931,7 +77304,6 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -78956,7 +77328,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -79056,7 +77428,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -79238,7 +77610,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -79283,14 +77655,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -79302,7 +77672,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -79357,7 +77727,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -79368,7 +77737,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -79407,7 +77775,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -79418,7 +77785,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -79442,7 +77808,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -79545,14 +77911,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79599,14 +77963,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79653,14 +78015,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79707,14 +78067,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79761,14 +78119,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79815,14 +78171,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79869,14 +78223,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -79917,7 +78269,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -79997,7 +78349,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -80073,16 +78424,11 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -80099,16 +78445,11 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -80142,7 +78483,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -80215,7 +78555,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -80248,7 +78587,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -80321,7 +78659,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -80354,7 +78691,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -80427,7 +78763,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -80460,7 +78795,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -80533,7 +78867,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -80552,7 +78885,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -80600,14 +78933,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -80635,14 +78966,12 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -80669,7 +78998,6 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -80694,7 +79022,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -80778,7 +79106,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -80968,7 +79296,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -80984,7 +79312,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -80996,7 +79324,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -81086,7 +79414,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81117,7 +79444,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -81205,22 +79531,22 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -81247,16 +79573,11 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -81273,16 +79594,11 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -81316,7 +79632,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81380,7 +79695,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81444,7 +79758,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81508,7 +79821,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81572,7 +79884,6 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81660,7 +79971,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -81676,7 +79987,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -81688,7 +79999,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -81778,7 +80089,6 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -81809,7 +80119,6 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -81897,22 +80206,22 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -81939,16 +80248,11 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -81965,16 +80269,11 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -82008,7 +80307,6 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82106,7 +80404,7 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -82122,7 +80420,7 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -82134,7 +80432,7 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -82224,7 +80522,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82255,7 +80552,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -82343,22 +80639,22 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -82385,16 +80681,11 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -82411,16 +80702,11 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -82454,7 +80740,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82518,7 +80803,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82582,7 +80866,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82646,7 +80929,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82710,7 +80992,6 @@ exports[`Storyshots Views / Discounts / Sale list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -82798,7 +81079,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -82814,7 +81095,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -82826,7 +81107,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -82912,7 +81193,6 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -83000,22 +81280,22 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -83042,16 +81322,11 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -83068,16 +81343,11 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -83137,7 +81407,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -83194,14 +81464,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Discount Code
                       </span>
                     </legend>
                   </fieldset>
@@ -83213,7 +81481,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -83271,7 +81539,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -83282,7 +81549,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -83321,7 +81587,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -83332,7 +81597,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -83371,7 +81635,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -83382,7 +81645,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -83407,7 +81669,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -83518,14 +81780,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83580,14 +81840,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83642,14 +81900,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83704,14 +81960,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83766,14 +82020,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83828,14 +82080,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83890,14 +82140,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -83935,7 +82183,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -83966,7 +82213,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84021,7 +82268,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -84032,7 +82278,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -84071,7 +82316,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -84082,7 +82326,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -84121,7 +82364,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -84132,7 +82374,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -84156,7 +82397,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84199,7 +82440,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -84239,7 +82479,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -84265,7 +82504,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84313,14 +82552,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -84348,14 +82585,12 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -84382,7 +82617,6 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -84407,7 +82641,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84589,7 +82823,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84646,14 +82880,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Discount Code
                       </span>
                     </legend>
                   </fieldset>
@@ -84670,7 +82902,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84728,7 +82960,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -84739,7 +82970,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -84778,7 +83008,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -84789,7 +83018,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -84828,7 +83056,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -84839,7 +83066,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -84869,7 +83095,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -84980,14 +83206,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85042,14 +83266,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85104,14 +83326,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85166,14 +83386,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85228,14 +83446,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85290,14 +83506,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85352,14 +83566,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -85397,7 +83609,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -85428,7 +83639,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -85483,7 +83694,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -85494,7 +83704,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -85533,7 +83742,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -85544,7 +83752,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -85583,7 +83790,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -85594,7 +83800,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -85618,7 +83823,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -85661,7 +83866,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -85701,7 +83905,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -85727,7 +83930,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -85775,14 +83978,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -85815,14 +84016,12 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -85854,7 +84053,6 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -85879,7 +84077,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -86061,7 +84259,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -86107,14 +84305,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Discount Code
                       </span>
                     </legend>
                   </fieldset>
@@ -86126,7 +84322,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -86184,7 +84380,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -86195,7 +84390,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -86234,7 +84428,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -86245,7 +84438,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -86284,7 +84476,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -86295,7 +84486,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -86320,7 +84510,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -86431,14 +84621,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0"
+                                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86493,14 +84681,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86555,14 +84741,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86617,14 +84801,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86679,14 +84861,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86741,14 +84921,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86803,14 +84981,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86865,14 +85041,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -86927,7 +85101,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -86938,7 +85111,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -86977,7 +85149,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -86988,7 +85159,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87029,7 +85199,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -87066,7 +85235,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -87120,7 +85289,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87131,7 +85299,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87171,7 +85338,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87182,7 +85348,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87221,7 +85386,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87232,7 +85396,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -87333,14 +85496,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0"
+                                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87387,14 +85548,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87441,14 +85600,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87495,14 +85652,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87549,14 +85704,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87603,14 +85756,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87657,14 +85808,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87711,14 +85860,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -87736,7 +85883,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -87779,7 +85926,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -87819,7 +85965,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -87845,7 +85990,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -87893,14 +86038,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -87928,14 +86071,12 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -87962,7 +86103,6 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -87987,7 +86127,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -88116,7 +86256,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -88314,7 +86454,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -88360,14 +86500,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Discount Code
                       </span>
                     </legend>
                   </fieldset>
@@ -88384,7 +86522,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -88442,7 +86580,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -88453,7 +86590,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -88492,7 +86628,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -88503,7 +86638,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -88542,7 +86676,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -88553,7 +86686,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -88583,7 +86715,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -88694,14 +86826,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0"
+                                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -88756,14 +86886,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -88818,14 +86946,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -88880,14 +87006,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -88942,14 +87066,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89004,14 +87126,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89066,14 +87186,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89128,14 +87246,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89190,7 +87306,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89201,7 +87316,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89240,7 +87354,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89251,7 +87364,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89297,7 +87409,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -89334,7 +87445,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -89388,7 +87499,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89399,7 +87509,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89439,7 +87548,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89450,7 +87558,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89489,7 +87596,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89500,7 +87606,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -89601,14 +87706,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0"
+                                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89655,14 +87758,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89709,14 +87810,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89763,14 +87862,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89817,14 +87914,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89871,14 +87966,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89925,14 +88018,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -89979,14 +88070,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Minimal order value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -90004,7 +88093,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90047,7 +88136,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -90087,7 +88175,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -90113,7 +88200,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90161,14 +88248,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -90201,14 +88286,12 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -90240,7 +88323,6 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -90265,7 +88347,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90394,7 +88476,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90597,7 +88679,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90643,14 +88725,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Discount Code
                       </span>
                     </legend>
                   </fieldset>
@@ -90662,7 +88742,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90722,7 +88802,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -90733,7 +88812,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -90774,7 +88852,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -90785,7 +88862,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -90826,7 +88902,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -90837,7 +88912,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -90862,7 +88936,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -90974,14 +89048,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0"
+                                  class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91037,14 +89109,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91100,14 +89170,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91163,14 +89231,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91226,14 +89292,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91289,14 +89353,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91352,14 +89414,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91415,14 +89475,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                               <fieldset
                                 aria-hidden="true"
                                 class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                                style="padding-left:8px"
                               >
                                 <legend
-                                  class="PrivateNotchedOutline-legend-id"
-                                  style="width:0.01px"
+                                  class="PrivateNotchedOutline-legendLabelled-id"
                                 >
                                   <span>
-                                    ​
+                                    Discount Value
                                   </span>
                                 </legend>
                               </fieldset>
@@ -91479,7 +89537,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91490,7 +89547,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91531,7 +89587,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91542,7 +89597,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91585,7 +89639,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -91622,7 +89675,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -91679,7 +89732,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91690,7 +89742,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91731,7 +89782,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91742,7 +89792,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91783,7 +89832,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91794,7 +89842,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -91818,7 +89865,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -91861,7 +89908,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -91901,7 +89947,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -91927,7 +89972,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -91976,14 +90021,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Date
                         </span>
                       </legend>
                     </fieldset>
@@ -92012,14 +90055,12 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Start Hour
                         </span>
                       </legend>
                     </fieldset>
@@ -92046,7 +90087,6 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -92071,7 +90111,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -92228,7 +90268,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -92433,7 +90473,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -92449,7 +90489,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -92461,7 +90501,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -92551,7 +90591,6 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -92582,7 +90621,6 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -92698,22 +90736,22 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -92740,16 +90778,11 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -92766,16 +90799,11 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -92809,7 +90837,6 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -92883,7 +90910,6 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -92980,7 +91006,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -92996,7 +91022,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -93008,7 +91034,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -93098,7 +91124,6 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -93129,7 +91154,6 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -93245,22 +91269,22 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -93287,16 +91311,11 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -93313,16 +91332,11 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -93356,7 +91370,6 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -93471,7 +91484,7 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -93487,7 +91500,7 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -93499,7 +91512,7 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -93589,7 +91602,6 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -93620,7 +91632,6 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -93736,22 +91747,22 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -93778,16 +91789,11 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -93804,16 +91810,11 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -93847,7 +91848,6 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -93921,7 +91921,6 @@ exports[`Storyshots Views / Discounts / Voucher list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -94018,7 +92017,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -94034,7 +92033,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -94046,7 +92045,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -94132,7 +92131,6 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -94248,22 +92246,22 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -94290,16 +92288,11 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -94316,16 +92309,11 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -94446,7 +92434,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
           class="HomePage-cardContainer-id"
         >
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -94476,7 +92464,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -94490,7 +92477,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -94520,7 +92507,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -94535,7 +92521,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -94569,7 +92555,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -94598,7 +92583,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -94627,7 +92611,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -94644,7 +92627,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test-id="top-products"
         >
           <div
@@ -94744,7 +92727,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test-id="activity-card"
         >
           <div
@@ -94780,7 +92763,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94804,7 +92787,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94828,7 +92811,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was fully paid
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94852,7 +92835,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94876,7 +92859,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94900,7 +92883,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94924,7 +92907,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94948,7 +92931,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94972,7 +92955,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -94996,7 +92979,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed from draft
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -95020,7 +93003,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -95044,7 +93027,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -95068,7 +93051,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was fully paid
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -95092,7 +93075,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   Order #15 was fully paid
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -95158,7 +93141,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
           class="HomePage-cardContainer-id"
         >
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -95193,7 +93176,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -95207,7 +93189,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -95242,7 +93224,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -95257,7 +93238,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -95288,7 +93269,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95317,7 +93297,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95346,7 +93325,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95404,7 +93382,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
           class="HomePage-cardContainer-id"
         >
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -95434,7 +93412,6 @@ exports[`Storyshots Views / HomePage no data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -95448,7 +93425,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -95478,7 +93455,6 @@ exports[`Storyshots Views / HomePage no data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -95493,7 +93469,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -95527,7 +93503,6 @@ exports[`Storyshots Views / HomePage no data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95556,7 +93531,6 @@ exports[`Storyshots Views / HomePage no data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95585,7 +93559,6 @@ exports[`Storyshots Views / HomePage no data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95602,7 +93575,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test-id="top-products"
         >
           <div
@@ -95665,7 +93638,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test-id="activity-card"
         >
           <div
@@ -95743,7 +93716,7 @@ exports[`Storyshots Views / HomePage no permissions 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -95803,7 +93776,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
           class="HomePage-cardContainer-id"
         >
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -95833,7 +93806,6 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -95847,7 +93819,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id HomeAnalyticsCard-cardSpacing-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="MuiCardContent-root-id HomeAnalyticsCard-cardContent-id"
@@ -95877,7 +93849,6 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id HomePage-icon-id MuiSvgIcon-fontSizeInherit-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 64 64"
                 >
                   <path
@@ -95892,7 +93863,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -95926,7 +93897,6 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95955,7 +93925,6 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95974,7 +93943,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test-id="activity-card"
         >
           <div
@@ -96010,7 +93979,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96034,7 +94003,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96058,7 +94027,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was fully paid
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96082,7 +94051,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96106,7 +94075,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96130,7 +94099,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96154,7 +94123,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96178,7 +94147,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96202,7 +94171,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft by admin@example.com
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96226,7 +94195,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed from draft
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96250,7 +94219,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96274,7 +94243,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was placed
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96298,7 +94267,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was fully paid
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96322,7 +94291,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                   Order #15 was fully paid
                 </div>
                 <div
-                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id MuiTypography-displayBlock-id"
                 >
                   <time
                     class=""
@@ -96375,7 +94344,7 @@ exports[`Storyshots Views / HomePage product permissions 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -96406,7 +94375,6 @@ exports[`Storyshots Views / HomePage product permissions 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -96454,7 +94422,7 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -96499,14 +94467,12 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Menu Title
                       </span>
                     </legend>
                   </fieldset>
@@ -96518,7 +94484,7 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -96575,14 +94541,13 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                       style="margin-left:0"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -96643,7 +94608,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -96664,7 +94628,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -96698,14 +94661,13 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                       style="margin-left:40px"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -96766,7 +94728,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -96787,7 +94748,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -96821,14 +94781,13 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                       style="margin-left:40px"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -96889,7 +94848,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -96910,7 +94868,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -96940,14 +94897,13 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                       style="margin-left:0"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97008,7 +94964,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97029,7 +94984,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97059,14 +95013,13 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                       style="margin-left:0"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97127,7 +95080,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97148,7 +95100,6 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97211,7 +95162,7 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -97256,14 +95207,12 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Menu Title
                       </span>
                     </legend>
                   </fieldset>
@@ -97280,7 +95229,7 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -97337,14 +95286,13 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                       style="margin-left:0"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97405,7 +95353,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97426,7 +95373,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97460,14 +95406,13 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                       style="margin-left:40px"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97528,7 +95473,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97549,7 +95493,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97583,14 +95526,13 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                       style="margin-left:40px"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97651,7 +95593,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97672,7 +95613,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97702,14 +95642,13 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                       style="margin-left:0"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97770,7 +95709,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97791,7 +95729,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97821,14 +95758,13 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                       style="margin-left:0"
                     >
                       <div
-                        class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                        class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                       >
                         <div>
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MenuItems-dragIcon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -97889,7 +95825,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97910,7 +95845,6 @@ exports[`Storyshots Views / Navigation / Menu details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -97973,7 +95907,7 @@ exports[`Storyshots Views / Navigation / Menu details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -98019,14 +95953,12 @@ exports[`Storyshots Views / Navigation / Menu details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Menu Title
                       </span>
                     </legend>
                   </fieldset>
@@ -98038,7 +95970,7 @@ exports[`Storyshots Views / Navigation / Menu details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -98129,7 +96061,7 @@ exports[`Storyshots Views / Navigation / Menu details no data 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -98174,14 +96106,12 @@ exports[`Storyshots Views / Navigation / Menu details no data 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Menu Title
                       </span>
                     </legend>
                   </fieldset>
@@ -98193,7 +96123,7 @@ exports[`Storyshots Views / Navigation / Menu details no data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -98235,7 +96165,7 @@ exports[`Storyshots Views / Navigation / Menu details no data 1`] = `
               >
                 <div>
                   <div
-                    class="MuiPaper-root-id MuiPaper-elevation0-id MenuItems-row-id MuiPaper-rounded-id"
+                    class="MuiPaper-root-id MenuItems-row-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -98306,7 +96236,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -98340,7 +96270,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -98371,7 +96300,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -98435,22 +96363,22 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -98477,16 +96405,11 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -98503,16 +96426,11 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -98546,7 +96464,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -98586,7 +96503,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -98619,7 +96535,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -98659,7 +96574,6 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -98715,7 +96629,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -98751,7 +96665,6 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -98782,7 +96695,6 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -98846,22 +96758,22 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -98888,16 +96800,11 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -98915,16 +96822,11 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -98960,7 +96862,6 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -99009,7 +96910,6 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -99065,7 +96965,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -99095,7 +96995,6 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -99159,22 +97058,22 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -99201,16 +97100,11 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -99227,16 +97121,11 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -99353,7 +97242,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -99369,7 +97258,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -99381,7 +97270,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -99471,7 +97360,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -99502,7 +97390,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -99590,22 +97477,22 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -99632,16 +97519,11 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -99658,16 +97540,11 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -99702,7 +97579,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -99767,7 +97643,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -99832,7 +97707,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -99897,7 +97771,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -99962,7 +97835,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100027,7 +97899,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100092,7 +97963,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100157,7 +98027,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100222,7 +98091,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100287,7 +98155,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100352,7 +98219,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100417,7 +98283,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100482,7 +98347,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100547,7 +98411,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100612,7 +98475,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100677,7 +98539,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100742,7 +98603,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100807,7 +98667,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100872,7 +98731,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -100937,7 +98795,6 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -101025,7 +98882,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -101041,7 +98898,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -101053,7 +98910,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -101145,7 +99002,6 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -101176,7 +99032,6 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -101264,22 +99119,22 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -101306,16 +99161,11 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -101333,16 +99183,11 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -101379,7 +99224,6 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -101476,7 +99320,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -101492,7 +99336,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -101504,7 +99348,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -101590,7 +99434,6 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -101678,22 +99521,22 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -101720,16 +99563,11 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -101746,16 +99584,11 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -101811,7 +99644,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
     </div>
     <form>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -101949,7 +99782,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -101984,7 +99817,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102019,7 +99852,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102054,7 +99887,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102144,7 +99977,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102184,7 +100017,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102224,7 +100057,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102309,7 +100142,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102354,7 +100187,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102407,7 +100240,6 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -102465,7 +100297,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
     </div>
     <form>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -102603,7 +100435,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102638,7 +100470,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102673,7 +100505,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102708,7 +100540,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102798,7 +100630,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102838,7 +100670,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102878,7 +100710,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102963,7 +100795,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103008,7 +100840,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103061,7 +100893,6 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -103119,7 +100950,7 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
     </div>
     <form>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -103190,7 +101021,6 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -103256,7 +101086,6 @@ exports[`Storyshots Views / Orders / Fulfill order loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -103314,7 +101143,7 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
     </div>
     <form>
       <div
-        class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           class="CardTitle-root-id"
@@ -103434,7 +101263,7 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103569,7 +101398,7 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103617,7 +101446,6 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -103704,7 +101532,6 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -103737,7 +101564,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -103864,7 +101691,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -103993,7 +101820,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -104153,7 +101980,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -104299,7 +102126,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -104346,7 +102173,6 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -104416,7 +102242,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -104457,7 +102283,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -104484,7 +102310,6 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -104518,7 +102343,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -104603,7 +102428,6 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -104790,7 +102614,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -104825,7 +102649,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -104845,7 +102669,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -104899,7 +102723,6 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -105042,7 +102865,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105137,7 +102960,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105171,7 +102994,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105253,7 +103076,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105345,7 +103168,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -105378,7 +103200,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105520,7 +103342,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105557,7 +103379,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -105690,7 +103511,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -105727,7 +103548,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -105891,7 +103711,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -106088,7 +103908,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -106135,7 +103955,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -106205,7 +104024,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -106246,7 +104065,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -106273,7 +104092,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -106307,7 +104125,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -106392,7 +104210,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -106579,7 +104396,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -106614,7 +104431,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -106634,7 +104451,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -106688,7 +104505,6 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -106831,7 +104647,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -106956,7 +104772,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -106990,7 +104806,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -107072,7 +104888,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -107164,7 +104980,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -107197,7 +105012,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -107339,7 +105154,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -107376,7 +105191,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -107509,7 +105323,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -107546,7 +105360,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -107710,7 +105523,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -107907,7 +105720,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -107954,7 +105767,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -108024,7 +105836,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -108065,7 +105877,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -108092,7 +105904,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -108126,7 +105937,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -108211,7 +106022,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -108398,7 +106208,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -108433,7 +106243,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -108453,7 +106263,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -108507,7 +106317,6 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -108650,7 +106459,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -108775,7 +106584,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -108809,7 +106618,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -108891,7 +106700,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -108964,7 +106773,6 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -108992,7 +106800,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109182,7 +106990,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -109219,7 +107027,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -109272,7 +107080,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109380,7 +107188,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109414,7 +107222,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109460,7 +107268,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109552,7 +107360,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -109585,7 +107392,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109727,7 +107534,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109764,7 +107571,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -109897,7 +107703,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -109934,7 +107740,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -110098,7 +107903,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -110295,7 +108100,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -110342,7 +108147,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -110412,7 +108216,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -110453,7 +108257,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -110480,7 +108284,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -110514,7 +108317,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -110599,7 +108402,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -110786,7 +108588,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -110821,7 +108623,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -110841,7 +108643,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -110895,7 +108697,6 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -111038,7 +108839,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111163,7 +108964,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111197,7 +108998,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111279,7 +109080,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111371,7 +109172,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -111404,7 +109204,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111546,7 +109346,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111583,7 +109383,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -111716,7 +109515,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -111753,7 +109552,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -111917,7 +109715,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -112114,7 +109912,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -112161,7 +109959,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -112231,7 +110028,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -112272,7 +110069,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -112299,7 +110096,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -112333,7 +110129,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -112418,7 +110214,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -112605,7 +110400,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -112640,7 +110435,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -112660,7 +110455,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -112714,7 +110509,6 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -112857,7 +110651,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -112982,7 +110776,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113016,7 +110810,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113098,7 +110892,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113190,7 +110984,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -113223,7 +111016,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113365,7 +111158,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113402,7 +111195,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -113535,7 +111327,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113572,7 +111364,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -113736,7 +111527,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -113933,7 +111724,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -113980,7 +111771,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -114050,7 +111840,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -114091,7 +111881,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -114118,7 +111908,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -114152,7 +111941,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -114237,7 +112026,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -114424,7 +112212,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -114459,7 +112247,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -114479,7 +112267,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -114533,7 +112321,6 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -114676,7 +112463,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -114801,7 +112588,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -114835,7 +112622,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -114917,7 +112704,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -115009,7 +112796,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -115042,7 +112828,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -115184,7 +112970,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -115221,7 +113007,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -115354,7 +113139,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -115391,7 +113176,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -115555,7 +113339,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -115752,7 +113536,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -115799,7 +113583,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -115869,7 +113652,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -115910,7 +113693,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -115937,7 +113720,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -115971,7 +113753,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -116056,7 +113838,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -116243,7 +114024,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -116278,7 +114059,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -116298,7 +114079,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -116352,7 +114133,6 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -116495,7 +114275,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -116620,7 +114400,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -116654,7 +114434,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -116736,7 +114516,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -116828,7 +114608,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -116861,7 +114640,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -117003,7 +114782,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -117040,7 +114819,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -117173,7 +114951,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -117210,7 +114988,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -117374,7 +115151,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -117571,7 +115348,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -117618,7 +115395,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -117688,7 +115464,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -117729,7 +115505,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -117756,7 +115532,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -117790,7 +115565,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -117875,7 +115650,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -118062,7 +115836,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -118097,7 +115871,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -118117,7 +115891,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -118171,7 +115945,6 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -118314,7 +116087,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -118439,7 +116212,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -118473,7 +116246,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -118555,7 +116328,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -118647,7 +116420,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -118680,7 +116452,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -118822,7 +116594,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -118859,7 +116631,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -118992,7 +116763,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -119029,7 +116800,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -119193,7 +116963,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -119390,7 +117160,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -119437,7 +117207,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -119507,7 +117276,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -119548,7 +117317,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -119575,7 +117344,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -119609,7 +117377,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -119694,7 +117462,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -119881,7 +117648,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -119916,7 +117683,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -119936,7 +117703,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -119990,7 +117757,6 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -120133,7 +117899,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120258,7 +118024,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120292,7 +118058,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120374,7 +118140,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120466,7 +118232,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -120499,7 +118264,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120641,7 +118406,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120678,7 +118443,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -120811,7 +118575,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -120848,7 +118612,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -121012,7 +118775,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -121209,7 +118972,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -121256,7 +119019,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -121326,7 +119088,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -121367,7 +119129,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -121394,7 +119156,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -121428,7 +119189,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -121513,7 +119274,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -121700,7 +119460,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -121735,7 +119495,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -121755,7 +119515,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -121809,7 +119569,6 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -121952,7 +119711,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122077,7 +119836,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122111,7 +119870,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122193,7 +119952,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122285,7 +120044,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -122318,7 +120076,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122460,7 +120218,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122497,7 +120255,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -122630,7 +120387,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -122667,7 +120424,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -122831,7 +120587,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -123028,7 +120784,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -123075,7 +120831,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -123145,7 +120900,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -123186,7 +120941,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -123213,7 +120968,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -123247,7 +121001,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -123332,7 +121086,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -123519,7 +121272,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -123554,7 +121307,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -123574,7 +121327,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -123628,7 +121381,6 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -123771,7 +121523,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -123896,7 +121648,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -123930,7 +121682,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -124012,7 +121764,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -124104,7 +121856,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -124137,7 +121888,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -124279,7 +122030,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -124316,7 +122067,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -124449,7 +122199,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -124486,7 +122236,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -124650,7 +122399,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -124847,7 +122596,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -124894,7 +122643,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -124964,7 +122712,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -125005,7 +122753,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -125032,7 +122780,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -125066,7 +122813,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -125151,7 +122898,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -125338,7 +123084,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -125373,7 +123119,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -125393,7 +123139,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -125447,7 +123193,6 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -125590,7 +123335,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -125715,7 +123460,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -125749,7 +123494,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -125831,7 +123576,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -125923,7 +123668,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -125956,7 +123700,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -126098,7 +123842,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -126135,7 +123879,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -126268,7 +124011,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -126305,7 +124048,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -126469,7 +124211,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -126666,7 +124408,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -126713,7 +124455,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -126783,7 +124524,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -126824,7 +124565,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -126851,7 +124592,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -126885,7 +124625,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -126970,7 +124710,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -127157,7 +124896,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -127192,7 +124931,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                   </div>
                 </div>
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id TimelineNote-card-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiCard-root-id TimelineNote-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     class="MuiCardContent-root-id TimelineNote-cardContent-id"
@@ -127212,7 +124951,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiPaper-elevation0-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
@@ -127266,7 +125005,6 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -127409,7 +125147,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -127534,7 +125272,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -127568,7 +125306,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id OrderInvoiceList-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -127650,7 +125388,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -127724,7 +125462,6 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -127757,7 +125494,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -127877,7 +125614,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                   >
                     <form>
                       <div
-                        class="MuiFormControl-root-id MuiTextField-root-id TableLineForm-quantityField-id MuiFormControl-fullWidth-id"
+                        class="MuiFormControl-root-id MuiTextField-root-id OrderDraftDetailsProducts-quantityField-id MuiFormControl-fullWidth-id"
                       >
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -127897,7 +125634,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -127911,16 +125648,12 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colPrice-id"
                   >
-                    <a
-                      class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
-                    >
-                      $168.30
-                    </a>
+                    $65.95
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colTotal-id"
                   >
-                    $336.60
+                    $131.90
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colAction-id"
@@ -127937,7 +125670,6 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -127986,7 +125718,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                   >
                     <form>
                       <div
-                        class="MuiFormControl-root-id MuiTextField-root-id TableLineForm-quantityField-id MuiFormControl-fullWidth-id"
+                        class="MuiFormControl-root-id MuiTextField-root-id OrderDraftDetailsProducts-quantityField-id MuiFormControl-fullWidth-id"
                       >
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -128006,7 +125738,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -128020,16 +125752,12 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colPrice-id"
                   >
-                    <a
-                      class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
-                    >
-                      $168.30
-                    </a>
+                    $68.20
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colTotal-id"
                   >
-                    $336.60
+                    $136.40
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colAction-id"
@@ -128046,7 +125774,6 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -128156,7 +125883,6 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -128219,7 +125945,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -128338,7 +126064,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -128417,7 +126143,6 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -128445,7 +126170,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -128478,10 +126203,86 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
                   class="MuiTableRow-root-id"
                 >
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id"
-                    colspan="5"
+                    class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id OrderDraftDetailsProducts-colName-id"
                   >
-                    No Products added to Order
+                    <div
+                      class="TableCellAvatar-content-id"
+                    >
+                      <div
+                        class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="TableCellAvatar-children-id"
+                      >
+                        <span
+                          class="Skeleton-skeleton-id"
+                        >
+                          ‌
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td
+                    class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colQuantity-id"
+                  >
+                    <span
+                      class="Skeleton-skeleton-id"
+                    >
+                      ‌
+                    </span>
+                  </td>
+                  <td
+                    class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colPrice-id"
+                  >
+                    <span
+                      class="Skeleton-skeleton-id"
+                    >
+                      ‌
+                    </span>
+                  </td>
+                  <td
+                    class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colTotal-id"
+                  >
+                    <span
+                      class="Skeleton-skeleton-id"
+                    >
+                      ‌
+                    </span>
+                  </td>
+                  <td
+                    class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colAction-id"
+                  >
+                    <button
+                      class="MuiButtonBase-root-id MuiIconButton-root-id"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+                          />
+                        </svg>
+                      </span>
+                    </button>
                   </td>
                 </tr>
               </tbody>
@@ -128511,7 +126312,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -128632,7 +126433,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -128706,7 +126507,6 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -128739,7 +126539,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -128859,7 +126659,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                   >
                     <form>
                       <div
-                        class="MuiFormControl-root-id MuiTextField-root-id TableLineForm-quantityField-id MuiFormControl-fullWidth-id"
+                        class="MuiFormControl-root-id MuiTextField-root-id OrderDraftDetailsProducts-quantityField-id MuiFormControl-fullWidth-id"
                       >
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -128879,7 +126679,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -128893,16 +126693,12 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colPrice-id"
                   >
-                    <a
-                      class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
-                    >
-                      $168.30
-                    </a>
+                    $65.95
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colTotal-id"
                   >
-                    $336.60
+                    $131.90
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colAction-id"
@@ -128919,7 +126715,6 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -128968,7 +126763,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                   >
                     <form>
                       <div
-                        class="MuiFormControl-root-id MuiTextField-root-id TableLineForm-quantityField-id MuiFormControl-fullWidth-id"
+                        class="MuiFormControl-root-id MuiTextField-root-id OrderDraftDetailsProducts-quantityField-id MuiFormControl-fullWidth-id"
                       >
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -128988,7 +126783,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -129002,16 +126797,12 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colPrice-id"
                   >
-                    <a
-                      class="MuiTypography-root-id Link-root-id Link-primary-id MuiTypography-body1-id"
-                    >
-                      $168.30
-                    </a>
+                    $68.20
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colTotal-id"
                   >
-                    $336.60
+                    $136.40
                   </td>
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id OrderDraftDetailsProducts-colAction-id"
@@ -129028,7 +126819,6 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -129138,7 +126928,6 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -129201,7 +126990,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -129307,7 +127096,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -129381,7 +127170,6 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -129414,7 +127202,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -129499,7 +127287,6 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -129562,7 +127349,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
       </div>
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -129681,7 +127468,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -129757,7 +127544,6 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -129783,7 +127569,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -129799,7 +127585,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -129811,7 +127597,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -129895,7 +127681,6 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -130011,22 +127796,22 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -130053,16 +127838,11 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -130079,16 +127859,11 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -131127,7 +128902,6 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -131153,7 +128927,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -131169,7 +128943,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -131181,7 +128955,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -131276,7 +129050,6 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -131392,22 +129165,22 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -131434,16 +129207,11 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -131461,16 +129229,11 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -131588,7 +129351,6 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -131614,7 +129376,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -131630,7 +129392,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -131642,7 +129404,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -131726,7 +129488,6 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -131842,22 +129603,22 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -131884,16 +129645,11 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -131910,16 +129666,11 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -131985,7 +129736,7 @@ exports[`Storyshots Views / Orders / Order settings default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="orderSettings"
         >
           <div
@@ -132031,7 +129782,6 @@ exports[`Storyshots Views / Orders / Order settings default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -132105,7 +129855,7 @@ exports[`Storyshots Views / Orders / Order settings loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="orderSettings"
         >
           <div
@@ -132152,7 +129902,6 @@ exports[`Storyshots Views / Orders / Order settings loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -132215,7 +129964,7 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -132272,7 +130021,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132283,7 +130031,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132324,7 +130071,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132335,7 +130081,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132358,7 +130103,7 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -132411,7 +130156,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -132422,7 +130166,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -132458,7 +130201,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -132512,7 +130254,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -132523,7 +130264,6 @@ exports[`Storyshots Views / Orders / Refund order loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -132597,7 +130337,7 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -132651,7 +130391,6 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132662,7 +130401,6 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132702,7 +130440,6 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132713,7 +130450,6 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132736,7 +130472,7 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -132819,14 +130555,12 @@ exports[`Storyshots Views / Orders / Refund order miscellaneous 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Amount
                       </span>
                     </legend>
                   </fieldset>
@@ -132889,7 +130623,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -132944,7 +130678,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132955,7 +130688,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -132994,7 +130726,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -133005,7 +130736,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -133029,7 +130759,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -133169,7 +130899,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133246,7 +130976,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133269,7 +130999,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -133410,7 +131140,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133487,7 +131217,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133510,7 +131240,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -133651,7 +131381,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133728,7 +131458,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133750,7 +131480,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -133801,7 +131531,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -133812,7 +131541,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -133848,7 +131576,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -133941,7 +131668,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -133952,7 +131678,6 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -134037,7 +131762,7 @@ exports[`Storyshots Views / Page types / Create page type default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -134082,14 +131807,12 @@ exports[`Storyshots Views / Page types / Create page type default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -134108,7 +131831,7 @@ exports[`Storyshots Views / Page types / Create page type default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -134169,7 +131892,7 @@ exports[`Storyshots Views / Page types / Create page type default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -134274,7 +131997,7 @@ exports[`Storyshots Views / Page types / Create page type form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -134319,14 +132042,12 @@ exports[`Storyshots Views / Page types / Create page type form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -134350,7 +132071,7 @@ exports[`Storyshots Views / Page types / Create page type form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -134411,7 +132132,7 @@ exports[`Storyshots Views / Page types / Create page type form errors 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -134516,7 +132237,7 @@ exports[`Storyshots Views / Page types / Create page type loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -134562,14 +132283,12 @@ exports[`Storyshots Views / Page types / Create page type loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -134588,7 +132307,7 @@ exports[`Storyshots Views / Page types / Create page type loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -134649,7 +132368,7 @@ exports[`Storyshots Views / Page types / Create page type loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -134754,7 +132473,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -134799,14 +132518,12 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -134830,7 +132547,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="page-attributes"
         >
           <div
@@ -134914,7 +132631,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -134962,7 +132678,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -135011,7 +132726,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -135053,7 +132767,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -135076,7 +132789,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -135125,7 +132837,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -135167,7 +132878,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -135190,7 +132900,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -135239,7 +132948,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -135281,7 +132989,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -135307,7 +133014,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -135354,7 +133061,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -135424,7 +133130,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -135465,7 +133171,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -135492,7 +133198,6 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -135526,7 +133231,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -135630,7 +133335,7 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -135675,14 +133380,12 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -135711,7 +133414,7 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="page-attributes"
         >
           <div
@@ -135795,7 +133498,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -135843,7 +133545,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -135892,7 +133593,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -135934,7 +133634,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -135957,7 +133656,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -136006,7 +133704,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -136048,7 +133745,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -136071,7 +133767,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -136120,7 +133815,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -136162,7 +133856,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -136188,7 +133881,7 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -136235,7 +133928,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -136305,7 +133997,7 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -136346,7 +134038,7 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -136373,7 +134065,6 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -136407,7 +134098,7 @@ exports[`Storyshots Views / Page types / Page type details form errors 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -136516,7 +134207,7 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -136562,14 +134253,12 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -136593,7 +134282,7 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="page-attributes"
         >
           <div
@@ -136661,7 +134350,6 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -136712,7 +134400,6 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -136762,7 +134449,6 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -136788,7 +134474,7 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -136825,7 +134511,7 @@ exports[`Storyshots Views / Page types / Page type details loading 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -136905,7 +134591,7 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -136950,14 +134636,12 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Content Type Name
                     </span>
                   </legend>
                 </fieldset>
@@ -136981,7 +134665,7 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="page-attributes"
         >
           <div
@@ -137063,7 +134747,7 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="false"
@@ -137110,7 +134794,6 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -137180,7 +134863,7 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -137221,7 +134904,7 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -137248,7 +134931,6 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -137282,7 +134964,7 @@ exports[`Storyshots Views / Page types / Page type details no attributes 1`] = `
           class="CardSpacer-spacer-id"
         />
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           data-test="metadataEditor"
           data-test-expanded="true"
           data-test-is-private="true"
@@ -137382,7 +135064,7 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -137398,7 +135080,7 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -137410,7 +135092,7 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -137487,7 +135169,6 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -137518,7 +135199,6 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -137570,16 +135250,11 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -137596,16 +135271,11 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -137641,7 +135311,6 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -137690,7 +135359,6 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -137739,7 +135407,6 @@ exports[`Storyshots Views / Page types / Page types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -137809,7 +135476,7 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -137825,7 +135492,7 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -137837,7 +135504,7 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -137916,7 +135583,6 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -137947,7 +135613,6 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -137999,16 +135664,11 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -138026,16 +135686,11 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -138072,7 +135727,6 @@ exports[`Storyshots Views / Page types / Page types list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -138142,7 +135796,7 @@ exports[`Storyshots Views / Page types / Page types list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -138158,7 +135812,7 @@ exports[`Storyshots Views / Page types / Page types list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -138170,7 +135824,7 @@ exports[`Storyshots Views / Page types / Page types list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -138243,7 +135897,6 @@ exports[`Storyshots Views / Page types / Page types list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -138295,16 +135948,11 @@ exports[`Storyshots Views / Page types / Page types list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -138321,16 +135969,11 @@ exports[`Storyshots Views / Page types / Page types list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -138390,7 +136033,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id PageInfo-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id PageInfo-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -138435,14 +136078,12 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Title
                       </span>
                     </legend>
                   </fieldset>
@@ -138475,7 +136116,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -138521,7 +136162,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -138569,7 +136210,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -138628,7 +136268,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -138643,14 +136282,12 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -138708,7 +136345,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -138723,14 +136359,12 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -138763,7 +136397,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -138783,7 +136416,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -138830,7 +136463,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -138900,7 +136532,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -138941,7 +136573,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -138968,7 +136600,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -139002,7 +136633,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -139065,7 +136696,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -139119,7 +136750,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -139130,7 +136760,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -139174,7 +136803,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -139185,7 +136813,6 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -139221,7 +136848,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -139293,7 +136920,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id PageInfo-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id PageInfo-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -139338,14 +136965,12 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Title
                       </span>
                     </legend>
                   </fieldset>
@@ -139385,7 +137010,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -139431,7 +137056,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -139479,7 +137104,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -139538,7 +137162,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -139553,14 +137176,12 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -139618,7 +137239,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -139633,14 +137253,12 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -139673,7 +137291,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -139693,7 +137310,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -139740,7 +137357,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -139810,7 +137426,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -139851,7 +137467,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -139878,7 +137494,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -139912,7 +137527,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -139975,7 +137590,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -140029,7 +137644,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140040,7 +137654,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140084,7 +137697,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140095,7 +137707,6 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140137,7 +137748,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -140214,7 +137825,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id PageInfo-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id PageInfo-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -140260,14 +137871,12 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Title
                       </span>
                     </legend>
                   </fieldset>
@@ -140300,7 +137909,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -140349,7 +137958,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -140386,7 +137995,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -140425,7 +138034,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -140481,7 +138090,6 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140492,7 +138100,6 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140538,7 +138145,6 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140549,7 +138155,6 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -140585,7 +138190,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -140639,7 +138244,6 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -140654,14 +138258,12 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Select content type
                         </span>
                       </legend>
                     </fieldset>
@@ -140714,7 +138316,7 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -140748,7 +138350,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -140779,7 +138380,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -140853,22 +138453,22 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -140895,16 +138495,11 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -140921,16 +138516,11 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -140964,7 +138554,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -141045,7 +138634,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -141126,7 +138714,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -141207,7 +138794,6 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -141311,7 +138897,7 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -141347,7 +138933,6 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -141378,7 +138963,6 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -141452,22 +139036,22 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -141494,16 +139078,11 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -141521,16 +139100,11 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -141566,7 +139140,6 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -141678,7 +139251,7 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -141708,7 +139281,6 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -141782,22 +139354,22 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -141824,16 +139396,11 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -141850,16 +139417,11 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -141902,7 +139464,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -141947,14 +139509,12 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Group name
                       </span>
                     </legend>
                   </fieldset>
@@ -141965,7 +139525,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -142019,7 +139579,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142038,7 +139597,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   class="MuiListItemText-root-id MuiListItemText-dense-id"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Group has full access to the store
                   </span>
@@ -142078,7 +139637,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142098,7 +139656,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_DISCOUNTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage sales and vouchers
                   </span>
@@ -142131,7 +139689,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142151,7 +139708,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_MENUS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage navigation
                   </span>
@@ -142184,7 +139741,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142204,7 +139760,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_ORDERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage orders
                   </span>
@@ -142237,7 +139793,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142257,7 +139812,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_PAGES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage pages
                   </span>
@@ -142290,7 +139845,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142310,7 +139864,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_PRODUCTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage products
                   </span>
@@ -142343,7 +139897,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142363,7 +139916,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_PRODUCT_TYPES_AND_ATTRIBUTES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage product types and attributes
                   </span>
@@ -142396,7 +139949,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142416,7 +139968,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_SETTINGS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage settings
                   </span>
@@ -142449,7 +140001,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142469,7 +140020,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_SHIPPING"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage shipping
                   </span>
@@ -142502,7 +140053,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142522,7 +140072,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_STAFF"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage staff
                   </span>
@@ -142555,7 +140105,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142575,7 +140124,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_USERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage customers
                   </span>
@@ -142608,7 +140157,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142628,7 +140176,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_PLUGINS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage plugins
                   </span>
@@ -142661,7 +140209,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142681,7 +140228,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage apps
                   </span>
@@ -142714,7 +140261,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142734,7 +140280,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create default
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage webhooks
                   </span>
@@ -142763,7 +140309,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -142808,14 +140354,12 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Group name
                       </span>
                     </legend>
                   </fieldset>
@@ -142831,7 +140375,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -142885,7 +140429,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142904,7 +140447,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   class="MuiListItemText-root-id MuiListItemText-dense-id"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Group has full access to the store
                   </span>
@@ -142944,7 +140487,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -142964,7 +140506,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_DISCOUNTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage sales and vouchers
                   </span>
@@ -142997,7 +140539,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143017,7 +140558,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_MENUS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage navigation
                   </span>
@@ -143050,7 +140591,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143070,7 +140610,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_ORDERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage orders
                   </span>
@@ -143103,7 +140643,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143123,7 +140662,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_PAGES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage pages
                   </span>
@@ -143156,7 +140695,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143176,7 +140714,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_PRODUCTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage products
                   </span>
@@ -143209,7 +140747,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143229,7 +140766,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_PRODUCT_TYPES_AND_ATTRIBUTES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage product types and attributes
                   </span>
@@ -143262,7 +140799,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143282,7 +140818,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_SETTINGS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage settings
                   </span>
@@ -143315,7 +140851,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143335,7 +140870,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_SHIPPING"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage shipping
                   </span>
@@ -143368,7 +140903,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143388,7 +140922,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_STAFF"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage staff
                   </span>
@@ -143421,7 +140955,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143441,7 +140974,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_USERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage customers
                   </span>
@@ -143474,7 +141007,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143494,7 +141026,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_PLUGINS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage plugins
                   </span>
@@ -143527,7 +141059,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143547,7 +141078,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage apps
                   </span>
@@ -143580,7 +141111,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143600,7 +141130,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create errors 1
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage webhooks
                   </span>
@@ -143629,7 +141159,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -143675,14 +141205,12 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Group name
                       </span>
                     </legend>
                   </fieldset>
@@ -143693,7 +141221,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -143749,7 +141277,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143768,7 +141295,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   class="MuiListItemText-root-id MuiListItemText-dense-id"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Group has full access to the store
                   </span>
@@ -143808,7 +141335,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143828,7 +141354,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_DISCOUNTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage sales and vouchers
                   </span>
@@ -143861,7 +141387,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143881,7 +141406,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_MENUS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage navigation
                   </span>
@@ -143914,7 +141439,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143934,7 +141458,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_ORDERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage orders
                   </span>
@@ -143967,7 +141491,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -143987,7 +141510,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_PAGES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage pages
                   </span>
@@ -144020,7 +141543,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144040,7 +141562,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_PRODUCTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage products
                   </span>
@@ -144073,7 +141595,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144093,7 +141614,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_PRODUCT_TYPES_AND_ATTRIBUTES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage product types and attributes
                   </span>
@@ -144126,7 +141647,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144146,7 +141666,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_SETTINGS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage settings
                   </span>
@@ -144179,7 +141699,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144199,7 +141718,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_SHIPPING"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage shipping
                   </span>
@@ -144232,7 +141751,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144252,7 +141770,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_STAFF"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage staff
                   </span>
@@ -144285,7 +141803,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144305,7 +141822,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_USERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage customers
                   </span>
@@ -144338,7 +141855,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144358,7 +141874,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_PLUGINS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage plugins
                   </span>
@@ -144391,7 +141907,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144411,7 +141926,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage apps
                   </span>
@@ -144444,7 +141959,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -144464,7 +141978,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Create loading
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage webhooks
                   </span>
@@ -144528,7 +142042,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -144573,14 +142087,12 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Group name
                       </span>
                     </legend>
                   </fieldset>
@@ -144592,7 +142104,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -144656,7 +142168,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -144740,7 +142251,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -144797,7 +142307,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -144830,7 +142339,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -144887,7 +142395,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -144920,7 +142427,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -144977,7 +142483,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -145010,7 +142515,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -145067,7 +142571,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -145085,7 +142588,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -145139,7 +142642,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145158,7 +142660,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   class="MuiListItemText-root-id MuiListItemText-dense-id"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Group has full access to the store
                   </span>
@@ -145198,7 +142700,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145218,7 +142719,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_DISCOUNTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage sales and vouchers
                   </span>
@@ -145251,7 +142752,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145271,7 +142771,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_MENUS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage navigation
                   </span>
@@ -145304,7 +142804,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145324,7 +142823,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_ORDERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage orders
                   </span>
@@ -145358,7 +142857,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145383,7 +142881,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_PAGES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage pages
                   </span>
@@ -145416,7 +142914,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145436,7 +142933,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_PRODUCTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage products
                   </span>
@@ -145469,7 +142966,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145489,7 +142985,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_PRODUCT_TYPES_AND_ATTRIBUTES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage product types and attributes
                   </span>
@@ -145522,7 +143018,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145542,7 +143037,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_SETTINGS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage settings
                   </span>
@@ -145575,7 +143070,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145595,7 +143089,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_SHIPPING"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage shipping
                   </span>
@@ -145628,7 +143122,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145648,7 +143141,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_STAFF"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage staff
                   </span>
@@ -145681,7 +143174,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145701,7 +143193,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_USERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage customers
                   </span>
@@ -145734,7 +143226,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145754,7 +143245,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_PLUGINS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage plugins
                   </span>
@@ -145787,7 +143278,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145807,7 +143297,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage apps
                   </span>
@@ -145840,7 +143330,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -145860,7 +143349,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details default
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage webhooks
                   </span>
@@ -145911,7 +143400,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -145957,14 +143446,12 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Group name
                       </span>
                     </legend>
                   </fieldset>
@@ -145976,7 +143463,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -146043,7 +143530,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -146129,7 +143615,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -146187,7 +143672,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -146222,7 +143706,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -146280,7 +143763,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -146315,7 +143797,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -146373,7 +143854,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -146408,7 +143888,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -146466,7 +143945,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -146484,7 +143962,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -146540,7 +144018,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -146559,7 +144036,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details loading
                   class="MuiListItemText-root-id MuiListItemText-dense-id"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Group has full access to the store
                   </span>
@@ -146617,7 +144094,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -146662,14 +144139,12 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Group name
                       </span>
                     </legend>
                   </fieldset>
@@ -146681,7 +144156,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
             class="FormSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -146731,7 +144206,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -146785,7 +144260,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -146804,7 +144278,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   class="MuiListItemText-root-id MuiListItemText-dense-id"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Group has full access to the store
                   </span>
@@ -146844,7 +144318,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -146864,7 +144337,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_DISCOUNTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage sales and vouchers
                   </span>
@@ -146897,7 +144370,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -146917,7 +144389,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_MENUS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage navigation
                   </span>
@@ -146950,7 +144422,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -146970,7 +144441,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_ORDERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage orders
                   </span>
@@ -147004,7 +144475,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147029,7 +144499,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_PAGES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage pages
                   </span>
@@ -147062,7 +144532,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147082,7 +144551,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_PRODUCTS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage products
                   </span>
@@ -147115,7 +144584,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147135,7 +144603,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_PRODUCT_TYPES_AND_ATTRIBUTES"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage product types and attributes
                   </span>
@@ -147168,7 +144636,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147188,7 +144655,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_SETTINGS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage settings
                   </span>
@@ -147221,7 +144688,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147241,7 +144707,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_SHIPPING"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage shipping
                   </span>
@@ -147274,7 +144740,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147294,7 +144759,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_STAFF"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage staff
                   </span>
@@ -147327,7 +144792,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147347,7 +144811,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_USERS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage customers
                   </span>
@@ -147380,7 +144844,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147400,7 +144863,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_PLUGINS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage plugins
                   </span>
@@ -147433,7 +144896,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147453,7 +144915,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage apps
                   </span>
@@ -147486,7 +144948,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -147506,7 +144967,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group Details no memb
                   id="MANAGE_APPS"
                 >
                   <span
-                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id"
+                    class="MuiTypography-root-id MuiListItemText-primary-id MuiTypography-body2-id MuiTypography-displayBlock-id"
                   >
                     Manage webhooks
                   </span>
@@ -147559,7 +145020,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -147589,7 +145050,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -147661,16 +145121,11 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -147687,16 +145142,11 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -147746,7 +145196,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -147767,7 +145216,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -147816,7 +145264,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -147865,7 +145312,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -147886,7 +145332,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -147935,7 +145380,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -147956,7 +145400,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -148005,7 +145448,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -148026,7 +145468,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List default 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -148082,7 +145523,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group List loading 1`
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -148112,7 +145553,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List loading 1`
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -148184,16 +145624,11 @@ exports[`Storyshots Views / Permission Groups / Permission Group List loading 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -148211,16 +145646,11 @@ exports[`Storyshots Views / Permission Groups / Permission Group List loading 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -148309,7 +145739,7 @@ exports[`Storyshots Views / Permission Groups / Permission Group List no data 1`
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -148339,7 +145769,6 @@ exports[`Storyshots Views / Permission Groups / Permission Group List no data 1`
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -148411,16 +145840,11 @@ exports[`Storyshots Views / Permission Groups / Permission Group List no data 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -148438,16 +145862,11 @@ exports[`Storyshots Views / Permission Groups / Permission Group List no data 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -148560,7 +145979,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -148635,7 +146054,6 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -148674,7 +146092,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -148722,14 +146140,12 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Username or account
                         </span>
                       </legend>
                     </fieldset>
@@ -148766,14 +146182,12 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Password or license
                         </span>
                       </legend>
                     </fieldset>
@@ -148833,7 +146247,6 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -148847,7 +146260,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -149024,7 +146437,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -149099,7 +146512,6 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -149143,7 +146555,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -149191,14 +146603,12 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Username or account
                         </span>
                       </legend>
                     </fieldset>
@@ -149235,14 +146645,12 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Password or license
                         </span>
                       </legend>
                     </fieldset>
@@ -149302,7 +146710,6 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -149316,7 +146723,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -149493,7 +146900,7 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -149555,7 +146962,6 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -149624,7 +147030,7 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -149699,7 +147105,6 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -149757,7 +147162,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -149773,7 +147178,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -149785,7 +147190,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -149869,7 +147274,6 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -149935,22 +147339,22 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -149977,16 +147381,11 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -150003,16 +147402,11 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -150049,7 +147443,6 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -150084,7 +147477,6 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -150127,7 +147519,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -150143,7 +147535,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -150155,7 +147547,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -150239,7 +147631,6 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -150305,22 +147696,22 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -150347,16 +147738,11 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -150374,16 +147760,11 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -150424,7 +147805,6 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -150467,7 +147847,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -150483,7 +147863,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -150495,7 +147875,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -150579,7 +147959,6 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -150645,22 +148024,22 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -150687,16 +148066,11 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -150713,16 +148087,11 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -150782,7 +148151,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -150827,14 +148196,12 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -150846,7 +148213,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -150899,7 +148266,6 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -150914,14 +148280,12 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -150934,7 +148298,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -150995,7 +148359,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -151055,7 +148419,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151098,7 +148462,6 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -151157,7 +148520,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151202,14 +148565,12 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -151226,7 +148587,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151279,7 +148640,6 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -151294,14 +148654,12 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -151314,7 +148672,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -151375,7 +148733,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -151435,7 +148793,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151478,7 +148836,6 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -151542,7 +148899,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151588,14 +148945,12 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -151607,7 +148962,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151661,7 +149016,6 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -151676,14 +149030,12 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -151696,7 +149048,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -151757,7 +149109,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -151817,7 +149169,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151862,7 +149214,6 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -151921,7 +149272,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -151966,14 +149317,12 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -151985,7 +149334,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -152038,7 +149387,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -152053,14 +149401,12 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -152073,7 +149419,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="product-attributes"
           >
             <div
@@ -152157,7 +149503,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -152205,7 +149550,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -152254,7 +149598,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -152296,7 +149639,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -152319,7 +149661,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -152368,7 +149709,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -152410,7 +149750,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -152433,7 +149772,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -152482,7 +149820,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -152524,7 +149861,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -152586,7 +149922,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -152633,7 +149969,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -152703,7 +150038,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -152744,7 +150079,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -152771,7 +150106,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -152805,7 +150139,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -152865,7 +150199,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -152908,7 +150242,6 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -152967,7 +150300,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -153012,14 +150345,12 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -153036,7 +150367,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -153089,7 +150420,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -153104,14 +150434,12 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -153124,7 +150452,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="product-attributes"
           >
             <div
@@ -153208,7 +150536,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -153256,7 +150583,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -153305,7 +150631,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -153347,7 +150672,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -153370,7 +150694,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -153419,7 +150742,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -153461,7 +150783,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -153484,7 +150805,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -153533,7 +150853,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -153575,7 +150894,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -153637,7 +150955,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -153684,7 +151002,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -153754,7 +151071,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -153795,7 +151112,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -153822,7 +151139,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -153856,7 +151172,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -153916,7 +151232,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -153959,7 +151275,6 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -154023,7 +151338,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -154069,14 +151384,12 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -154088,7 +151401,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -154142,7 +151455,6 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -154157,14 +151469,12 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -154177,7 +151487,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="product-attributes"
           >
             <div
@@ -154245,7 +151555,6 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -154296,7 +151605,6 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -154346,7 +151654,6 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -154410,7 +151717,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -154447,7 +151754,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -154483,7 +151790,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -154528,7 +151835,6 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -154587,7 +151893,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeDetails-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -154632,14 +151938,12 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Product Type Name
                       </span>
                     </legend>
                   </fieldset>
@@ -154651,7 +151955,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductTypeTaxes-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -154704,7 +152008,6 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -154719,14 +152022,12 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Taxes
                         </span>
                       </legend>
                     </fieldset>
@@ -154739,7 +152040,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="product-attributes"
           >
             <div
@@ -154857,7 +152158,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -154904,7 +152205,6 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -154974,7 +152274,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -155015,7 +152315,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -155042,7 +152342,6 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -155076,7 +152375,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -155136,7 +152435,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -155179,7 +152478,6 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155245,7 +152543,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -155261,7 +152559,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -155273,7 +152571,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -155363,7 +152661,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155394,7 +152691,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -155466,16 +152762,11 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -155492,16 +152783,11 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -155537,7 +152823,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155601,7 +152886,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155665,7 +152949,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155729,7 +153012,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155793,7 +153075,6 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -155878,7 +153159,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -155894,7 +153175,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -155906,7 +153187,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -155998,7 +153279,6 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -156029,7 +153309,6 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -156101,16 +153380,11 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -156128,16 +153402,11 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -156174,7 +153443,6 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -156262,7 +153530,7 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -156278,7 +153546,7 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -156290,7 +153558,7 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -156376,7 +153644,6 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -156448,16 +153715,11 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -156474,16 +153736,11 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -156521,7 +153778,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -156570,7 +153827,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -156581,7 +153837,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -156623,7 +153878,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -156634,7 +153888,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -156680,22 +153933,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" "
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     role="button"
                     tabindex="0"
                   >
                     Box Size
                   </div>
                   <input
-                    type="hidden"
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
+                    tabindex="-1"
                     value="UHJvZHVjdEF0dHJpYnV0ZTo2"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -156776,14 +154029,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -156828,14 +154079,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -156880,14 +154129,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -156951,14 +154198,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -157003,14 +154248,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -157055,14 +154298,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -157095,7 +154336,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157106,7 +154346,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157129,7 +154368,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -157186,7 +154425,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -157232,7 +154470,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -157277,7 +154514,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -157318,7 +154554,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -157385,7 +154620,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157396,7 +154630,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157443,14 +154676,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -157485,14 +154716,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -157527,14 +154756,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -157567,7 +154794,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157578,7 +154804,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157619,7 +154844,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157630,7 +154854,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157661,7 +154884,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -157710,7 +154933,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157721,7 +154943,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157763,7 +154984,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157774,7 +154994,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157820,22 +155039,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" "
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     role="button"
                     tabindex="0"
                   >
                     Box Size
                   </div>
                   <input
-                    type="hidden"
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
+                    tabindex="-1"
                     value="UHJvZHVjdEF0dHJpYnV0ZTo2"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -157916,14 +155135,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -157968,14 +155185,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158020,14 +155235,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158091,14 +155304,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158143,14 +155354,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158195,14 +155404,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158235,7 +155442,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158246,7 +155452,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158269,7 +155474,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -158324,7 +155529,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158335,7 +155539,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158382,14 +155585,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -158422,7 +155623,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158433,7 +155633,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158474,7 +155673,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158485,7 +155683,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158516,7 +155713,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -158565,7 +155762,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158576,7 +155772,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158618,7 +155813,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158629,7 +155823,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158675,22 +155868,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" "
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     role="button"
                     tabindex="0"
                   >
                     Box Size
                   </div>
                   <input
-                    type="hidden"
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
+                    tabindex="-1"
                     value="UHJvZHVjdEF0dHJpYnV0ZTo2"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -158771,14 +155964,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158823,14 +156014,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158875,14 +156064,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158946,14 +156133,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -158998,14 +156183,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -159050,14 +156233,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -159090,7 +156271,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159101,7 +156281,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159124,7 +156303,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -159181,7 +156360,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -159227,7 +156405,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -159272,7 +156449,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -159313,7 +156489,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <rect
@@ -159379,7 +156554,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159390,7 +156564,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159432,7 +156605,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159443,7 +156615,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159476,22 +156647,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
             >
               <div
                 aria-haspopup="listbox"
-                aria-labelledby=" "
-                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                 role="button"
                 tabindex="0"
               >
                 Box Size
               </div>
               <input
-                type="hidden"
+                aria-hidden="true"
+                class="MuiSelect-nativeInput-id"
+                tabindex="-1"
                 value="UHJvZHVjdEF0dHJpYnV0ZTo2"
               />
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -159569,14 +156740,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -159604,14 +156773,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -159639,14 +156806,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -159679,14 +156844,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -159714,14 +156877,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -159749,14 +156910,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -159795,7 +156954,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159806,7 +156964,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159837,7 +156994,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -159886,7 +157043,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159897,7 +157053,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159939,7 +157094,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159950,7 +157104,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -159996,22 +157149,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" "
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     role="button"
                     tabindex="0"
                   >
                     Box Size
                   </div>
                   <input
-                    type="hidden"
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
+                    tabindex="-1"
                     value="UHJvZHVjdEF0dHJpYnV0ZTo2"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160092,14 +157245,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -160144,14 +157295,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -160196,14 +157345,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -160267,14 +157414,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -160319,14 +157464,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -160371,14 +157514,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -160411,7 +157552,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160422,7 +157562,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160445,7 +157584,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -160499,7 +157638,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160510,7 +157648,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160552,7 +157689,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160563,7 +157699,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160596,22 +157731,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
             >
               <div
                 aria-haspopup="listbox"
-                aria-labelledby=" "
-                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                 role="button"
                 tabindex="0"
               >
                 Box Size
               </div>
               <input
-                type="hidden"
+                aria-hidden="true"
+                class="MuiSelect-nativeInput-id"
+                tabindex="-1"
                 value="UHJvZHVjdEF0dHJpYnV0ZTo2"
               />
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -160679,14 +157814,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -160719,14 +157852,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Stock
                       </span>
                     </legend>
                   </fieldset>
@@ -160765,7 +157896,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160776,7 +157906,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160807,7 +157936,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -160856,7 +157985,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160867,7 +157995,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160909,7 +158036,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160920,7 +158046,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -160966,22 +158091,22 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" "
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     role="button"
                     tabindex="0"
                   >
                     Box Size
                   </div>
                   <input
-                    type="hidden"
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
+                    tabindex="-1"
                     value="UHJvZHVjdEF0dHJpYnV0ZTo2"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -161062,14 +158187,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -161114,14 +158237,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -161166,14 +158287,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -161237,14 +158356,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -161289,14 +158406,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -161341,14 +158456,12 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Price
                       </span>
                     </legend>
                   </fieldset>
@@ -161381,7 +158494,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -161392,7 +158504,6 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -161415,7 +158526,7 @@ exports[`Storyshots Views / Products / Create multiple variants / prices and SKU
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -161457,7 +158568,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductVariantCreatorSummary-card-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id ProductVariantCreatorSummary-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -161576,7 +158687,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161620,7 +158731,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161664,7 +158775,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161697,7 +158808,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161730,7 +158841,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161763,7 +158874,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161821,7 +158932,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -161884,7 +158994,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161928,7 +159038,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161972,7 +159082,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162005,7 +159115,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162038,7 +159148,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162071,7 +159181,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162129,7 +159239,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -162192,7 +159301,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162236,7 +159345,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162280,7 +159389,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162313,7 +159422,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162346,7 +159455,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162379,7 +159488,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162437,7 +159546,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -162500,7 +159608,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162544,7 +159652,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162588,7 +159696,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162621,7 +159729,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162654,7 +159762,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162687,7 +159795,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162745,7 +159853,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -162769,7 +159876,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductVariantCreatorSummary-card-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id ProductVariantCreatorSummary-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -162888,7 +159995,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162932,7 +160039,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162976,7 +160083,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163009,7 +160116,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163042,7 +160149,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163075,7 +160182,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163133,7 +160240,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -163196,7 +160302,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163240,7 +160346,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163284,7 +160390,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163317,7 +160423,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163350,7 +160456,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163383,7 +160489,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163441,7 +160547,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -163504,7 +160609,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163548,7 +160653,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163592,7 +160697,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163625,7 +160730,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163658,7 +160763,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163691,7 +160796,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163749,7 +160854,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -163812,7 +160916,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163856,7 +160960,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163900,7 +161004,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163933,7 +161037,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163966,7 +161070,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163999,7 +161103,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -164062,7 +161166,6 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -164086,7 +161189,7 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
     class="Container-root-id"
   >
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -164131,7 +161234,6 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164176,7 +161278,6 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164217,7 +161318,6 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164262,7 +161362,6 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164288,7 +161387,7 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -164333,7 +161432,6 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164378,7 +161476,6 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164485,7 +161582,7 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
       class="Hr-root-id ProductVariantCreatePage-hr-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -164529,7 +161626,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164569,7 +161665,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164595,7 +161690,7 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -164639,7 +161734,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164679,7 +161773,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164719,7 +161812,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164759,7 +161851,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164785,7 +161876,7 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -164829,7 +161920,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164869,7 +161959,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164895,7 +161984,7 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
       class="CardSpacer-spacer-id"
     />
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="CardTitle-root-id"
@@ -164939,7 +162028,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -164979,7 +162067,6 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <rect
@@ -165038,7 +162125,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -165084,14 +162171,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -165150,14 +162235,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -165173,7 +162256,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -165219,7 +162302,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -165280,7 +162363,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -165340,7 +162423,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -165395,7 +162478,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -165410,14 +162492,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Product Type
                         </span>
                       </legend>
                     </fieldset>
@@ -165465,7 +162545,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -165480,14 +162559,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -165534,7 +162611,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -165549,14 +162625,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -165577,7 +162651,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -165628,7 +162702,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165670,7 +162743,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165712,7 +162784,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165754,7 +162825,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165796,7 +162866,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165838,7 +162907,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165880,7 +162948,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -165908,7 +162975,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -165954,7 +163021,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -166000,7 +163066,6 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -166059,7 +163124,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -166104,14 +163169,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -166169,14 +163232,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -166192,7 +163253,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -166238,7 +163299,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -166299,7 +163360,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -166359,7 +163420,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -166413,7 +163474,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -166428,14 +163488,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Product Type
                         </span>
                       </legend>
                     </fieldset>
@@ -166482,7 +163540,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -166497,14 +163554,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -166551,7 +163606,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -166566,14 +163620,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -166594,7 +163646,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -166645,7 +163697,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166687,7 +163738,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166729,7 +163779,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166771,7 +163820,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166813,7 +163861,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166855,7 +163902,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166897,7 +163943,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -166925,7 +163970,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -166969,7 +164014,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -167013,7 +164057,6 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -167072,7 +164115,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -167117,14 +164160,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -167187,14 +164228,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -167207,7 +164246,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -167255,7 +164294,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -167314,7 +164352,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -167329,14 +164366,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -167356,7 +164391,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -167402,7 +164437,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -167463,7 +164498,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -167523,7 +164558,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -167577,7 +164612,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -167592,14 +164626,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Type
                         </span>
                       </legend>
                     </fieldset>
@@ -167651,7 +164683,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -167666,14 +164697,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -167725,7 +164754,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -167740,14 +164768,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -167768,7 +164794,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -167819,7 +164845,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -167861,7 +164886,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -167903,7 +164927,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -167945,7 +164968,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -167987,7 +165009,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -168029,7 +165050,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -168071,7 +165091,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -168099,7 +165118,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168143,7 +165162,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -168187,7 +165205,6 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -168246,7 +165263,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168292,7 +165309,6 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -168334,7 +165350,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168382,7 +165398,6 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -168444,7 +165459,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168492,7 +165507,6 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -168551,7 +165565,6 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -168566,14 +165579,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -168588,7 +165599,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168646,14 +165657,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -168666,7 +165675,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168749,6 +165758,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -168778,14 +165788,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -168827,14 +165835,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -168862,6 +165868,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -168891,14 +165898,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -168940,14 +165945,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -168964,7 +165967,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -168999,6 +166002,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -169018,14 +166022,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -169056,7 +166058,6 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -169182,7 +166183,6 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -169201,7 +166201,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -169262,7 +166262,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -169356,7 +166356,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -169395,7 +166395,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -169460,7 +166459,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -169532,7 +166530,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -169574,7 +166571,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -169622,7 +166619,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -169684,7 +166680,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -169732,7 +166728,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -169791,7 +166786,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -169806,14 +166800,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -169828,7 +166820,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -169886,14 +166878,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -169906,7 +166896,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -169989,6 +166979,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -170018,14 +167009,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -170067,14 +167056,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -170102,6 +167089,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -170131,14 +167119,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -170180,14 +167166,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -170204,7 +167188,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -170239,6 +167223,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -170258,14 +167243,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -170296,7 +167279,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -170422,7 +167404,6 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -170441,7 +167422,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -170502,7 +167483,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -170596,7 +167577,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -170635,7 +167616,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -170700,7 +167680,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -170772,7 +167751,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -170814,7 +167792,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -170862,7 +167840,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -170924,7 +167901,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -170972,7 +167949,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -171031,7 +168007,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -171046,14 +168021,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -171068,7 +168041,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -171126,14 +168099,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -171146,7 +168117,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -171229,6 +168200,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -171258,14 +168230,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -171307,14 +168277,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -171342,6 +168310,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -171371,14 +168340,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -171420,14 +168387,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -171444,7 +168409,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -171479,6 +168444,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -171498,14 +168464,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -171536,7 +168500,6 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -171600,7 +168563,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -171661,7 +168624,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -171755,7 +168718,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -171794,7 +168757,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -171837,7 +168799,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -171877,7 +168838,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -171919,7 +168879,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -171967,7 +168927,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -171983,7 +168942,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -172031,7 +168990,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -172047,7 +169005,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -172106,14 +169064,12 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -172126,7 +169082,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -172209,6 +169165,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -172239,14 +169196,12 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -172289,14 +169244,12 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -172324,6 +169277,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -172354,14 +169308,12 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -172404,14 +169356,12 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -172428,7 +169378,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -172463,6 +169413,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -172483,14 +169434,12 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -172523,7 +169472,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -172649,7 +169597,6 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -172668,7 +169615,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -172729,7 +169676,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -172823,7 +169770,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -172862,7 +169809,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -172927,7 +169873,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -172999,7 +169944,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -173041,7 +169985,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -173089,7 +170033,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -173156,7 +170099,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -173204,7 +170147,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -173263,7 +170205,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -173278,14 +170219,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -173300,7 +170239,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -173358,14 +170297,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -173378,7 +170315,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -173461,6 +170398,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -173490,14 +170428,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -173539,14 +170475,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -173574,6 +170508,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -173603,14 +170538,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -173652,14 +170585,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -173676,7 +170607,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -173711,6 +170642,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id MuiFormLabel-error-id MuiInputLabel-error-id"
                     >
                        *
@@ -173730,14 +170662,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -173773,7 +170703,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -173899,7 +170828,6 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -173918,7 +170846,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -173979,7 +170907,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -174091,7 +171019,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -174136,14 +171064,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -174206,14 +171132,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -174226,7 +171150,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -174372,7 +171296,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -174420,7 +171344,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -174479,7 +171402,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -174494,14 +171416,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -174564,7 +171484,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -174579,14 +171498,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -174619,7 +171536,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -174639,7 +171555,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -174692,7 +171608,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -174763,7 +171678,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -174815,7 +171729,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -174864,7 +171777,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -174917,7 +171829,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -174966,7 +171877,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -175020,7 +171930,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -175040,7 +171949,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -175086,7 +171995,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -175133,7 +172042,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -175203,7 +172111,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -175244,7 +172152,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -175271,7 +172179,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -175305,7 +172212,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -175365,7 +172272,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -175451,7 +172358,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -175466,14 +172372,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -175525,7 +172429,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -175540,14 +172443,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -175585,7 +172486,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -175603,7 +172503,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -175640,7 +172540,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -175685,7 +172585,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -175735,7 +172634,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -175791,7 +172689,6 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -175806,14 +172703,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -175859,7 +172754,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -175904,14 +172799,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -175969,14 +172862,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -175989,7 +172880,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -176138,7 +173029,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -176191,7 +173082,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -176262,7 +173152,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -176314,7 +173203,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -176363,7 +173251,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -176416,7 +173303,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -176465,7 +173351,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -176519,7 +173404,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -176539,7 +173423,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -176585,7 +173469,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -176632,7 +173516,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -176702,7 +173585,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -176743,7 +173626,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -176770,7 +173653,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -176804,7 +173686,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -176864,7 +173746,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -176950,7 +173832,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -176965,14 +173846,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -177019,7 +173898,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -177034,14 +173912,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -177079,7 +173955,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -177097,7 +173972,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177134,7 +174009,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177179,7 +174054,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -177229,7 +174103,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -177285,7 +174158,6 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -177300,14 +174172,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -177353,7 +174223,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177398,14 +174268,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -177463,14 +174331,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -177483,7 +174349,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177629,7 +174495,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177677,7 +174543,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -177736,7 +174601,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -177751,14 +174615,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -177816,7 +174678,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -177831,14 +174692,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -177871,7 +174730,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -177891,7 +174749,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177973,7 +174831,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -178031,14 +174889,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -178051,7 +174907,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -178086,6 +174942,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -178105,14 +174962,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -178143,7 +174998,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -178269,7 +175123,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -178288,7 +175141,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -178334,7 +175187,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -178381,7 +175234,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -178451,7 +175303,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -178492,7 +175344,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -178519,7 +175371,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -178553,7 +175404,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -178613,7 +175464,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -178699,7 +175550,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -178714,14 +175564,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -178768,7 +175616,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -178783,14 +175630,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -178828,7 +175673,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -178846,7 +175690,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -178883,7 +175727,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -178928,7 +175772,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -178978,7 +175821,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -179034,7 +175876,6 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -179049,14 +175890,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -179102,7 +175941,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179147,14 +175986,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -179212,14 +176049,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -179232,7 +176067,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179378,7 +176213,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179426,7 +176261,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -179485,7 +176319,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -179500,14 +176333,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -179565,7 +176396,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -179580,14 +176410,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -179620,7 +176448,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -179640,7 +176467,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179722,7 +176549,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179780,14 +176607,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -179800,7 +176625,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179835,6 +176660,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -179854,14 +176680,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -179892,7 +176716,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -179956,7 +176779,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -180002,7 +176825,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -180049,7 +176872,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -180119,7 +176941,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -180160,7 +176982,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -180187,7 +177009,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -180221,7 +177042,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -180281,7 +177102,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -180367,7 +177188,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -180382,14 +177202,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -180436,7 +177254,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -180451,14 +177268,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -180496,7 +177311,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -180514,7 +177328,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -180551,7 +177365,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -180596,7 +177410,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -180646,7 +177459,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -180702,7 +177514,6 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -180717,14 +177528,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -180770,7 +177579,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -180815,14 +177624,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -180880,14 +177687,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -180900,7 +177705,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181046,7 +177851,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181094,7 +177899,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -181153,7 +177957,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -181168,14 +177971,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -181233,7 +178034,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -181248,14 +178048,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -181288,7 +178086,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -181308,7 +178105,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181390,7 +178187,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181448,14 +178245,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -181468,7 +178263,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181503,6 +178298,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -181522,14 +178318,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -181560,7 +178354,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -181692,7 +178485,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -181717,7 +178510,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -181764,7 +178556,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -181789,7 +178581,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -181830,7 +178621,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -181849,7 +178639,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181895,7 +178685,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -181942,7 +178732,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -182012,7 +178801,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -182053,7 +178842,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -182080,7 +178869,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -182114,7 +178902,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -182174,7 +178962,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182260,7 +179048,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -182275,14 +179062,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -182329,7 +179114,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -182344,14 +179128,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -182389,7 +179171,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -182407,7 +179188,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182444,7 +179225,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182489,7 +179270,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -182539,7 +179319,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -182595,7 +179374,6 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -182610,14 +179388,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -182663,7 +179439,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182708,14 +179484,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -182773,14 +179547,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -182793,7 +179565,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182939,7 +179711,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182987,7 +179759,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -183046,7 +179817,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -183061,14 +179831,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -183126,7 +179894,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -183141,14 +179908,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -183181,7 +179946,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -183201,7 +179965,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -183254,7 +180018,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -183325,7 +180088,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -183377,7 +180139,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -183426,7 +180187,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -183479,7 +180239,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -183528,7 +180287,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -183582,7 +180340,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -183602,7 +180359,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -183648,7 +180405,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -183695,7 +180452,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -183765,7 +180521,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -183806,7 +180562,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -183833,7 +180589,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -183867,7 +180622,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -183927,7 +180682,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184013,7 +180768,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -184028,14 +180782,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -184082,7 +180834,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -184097,14 +180848,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -184142,7 +180891,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -184160,7 +180908,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184197,7 +180945,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184242,7 +180990,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -184292,7 +181039,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -184348,7 +181094,6 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -184363,14 +181108,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -184421,7 +181164,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184467,14 +181210,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -184533,14 +181274,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -184553,7 +181292,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184621,7 +181360,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184680,14 +181419,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -184700,7 +181437,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184735,6 +181472,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -184755,14 +181493,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -184794,7 +181530,6 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -184915,7 +181650,6 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -184934,7 +181668,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184980,7 +181714,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -185017,7 +181751,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -185053,7 +181787,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185140,7 +181874,6 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -185155,14 +181888,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -185209,7 +181940,6 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -185224,14 +181954,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -185252,7 +181980,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185289,7 +182017,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185335,7 +182063,6 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -185381,7 +182108,6 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -185440,7 +182166,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185485,14 +182211,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -185550,14 +182274,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -185570,7 +182292,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185633,7 +182355,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id ImageUpload-photosIcon-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -185672,7 +182393,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185720,7 +182441,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -185779,7 +182499,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -185794,14 +182513,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -185859,7 +182576,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -185874,14 +182590,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -185914,7 +182628,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -185934,7 +182647,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185987,7 +182700,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -186058,7 +182770,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -186110,7 +182821,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -186159,7 +182869,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -186212,7 +182921,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -186261,7 +182969,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -186315,7 +183022,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -186335,7 +183041,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -186381,7 +183087,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -186428,7 +183134,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -186498,7 +183203,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -186539,7 +183244,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -186566,7 +183271,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -186600,7 +183304,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -186660,7 +183364,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -186746,7 +183450,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -186761,14 +183464,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -186815,7 +183516,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -186830,14 +183530,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -186875,7 +183573,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -186893,7 +183590,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -186930,7 +183627,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -186975,7 +183672,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -187025,7 +183721,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -187081,7 +183776,6 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -187096,14 +183790,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -187149,7 +183841,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187194,14 +183886,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -187259,14 +183949,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -187279,7 +183967,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187425,7 +184113,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187473,7 +184161,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -187532,7 +184219,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -187547,14 +184233,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -187612,7 +184296,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -187627,14 +184310,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -187667,7 +184348,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -187687,7 +184367,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187769,7 +184449,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187827,14 +184507,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -187847,7 +184525,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187882,6 +184560,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -187901,14 +184580,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -187939,7 +184616,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -188071,7 +184747,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -188096,7 +184772,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -188143,7 +184818,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -188168,7 +184843,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -188209,7 +184883,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -188228,7 +184901,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -188274,7 +184947,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -188321,7 +184994,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -188391,7 +185063,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -188432,7 +185104,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -188459,7 +185131,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -188493,7 +185164,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -188553,7 +185224,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -188639,7 +185310,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -188654,14 +185324,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -188708,7 +185376,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -188723,14 +185390,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -188768,7 +185433,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -188786,7 +185450,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -188823,7 +185487,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -188868,7 +185532,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -188918,7 +185581,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -188974,7 +185636,6 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -188989,14 +185650,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -189042,7 +185701,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -189087,14 +185746,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Name
                       </span>
                     </legend>
                   </fieldset>
@@ -189152,14 +185809,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Product Rating
                         </span>
                       </legend>
                     </fieldset>
@@ -189172,7 +185827,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImages-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImages-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -189318,7 +185973,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -189366,7 +186021,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -189425,7 +186079,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -189440,14 +186093,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -189505,7 +186156,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -189520,14 +186170,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Values
                             </span>
                           </legend>
                         </fieldset>
@@ -189560,7 +186208,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -189580,7 +186227,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -189633,7 +186280,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id LinkChoice-arrow-id MuiSvgIcon-colorPrimary-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <g
@@ -189704,7 +186350,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -189756,7 +186401,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -189805,7 +186449,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -189858,7 +186501,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -189907,7 +186549,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -189961,7 +186602,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -189981,7 +186621,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -190027,7 +186667,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -190074,7 +186714,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -190144,7 +186783,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -190185,7 +186824,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -190212,7 +186851,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -190246,7 +186884,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -190306,7 +186944,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductOrganization-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductOrganization-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -190392,7 +187030,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -190407,14 +187044,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Category
                         </span>
                       </legend>
                     </fieldset>
@@ -190461,7 +187096,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -190476,14 +187110,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Collections
                         </span>
                       </legend>
                     </fieldset>
@@ -190521,7 +187153,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -190539,7 +187170,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -190590,7 +187221,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190632,7 +187262,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190674,7 +187303,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190716,7 +187344,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190758,7 +187385,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190800,7 +187426,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190842,7 +187467,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <g
@@ -190870,7 +187494,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -190915,7 +187539,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -190965,7 +187588,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -191021,7 +187643,6 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -191036,14 +187657,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Tax Rate
                         </span>
                       </legend>
                     </fieldset>
@@ -191089,7 +187708,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImageNavigation-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImageNavigation-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191183,7 +187802,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191236,14 +187855,12 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Description
                       </span>
                     </legend>
                   </fieldset>
@@ -191259,7 +187876,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191329,7 +187946,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductImageNavigation-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductImageNavigation-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191360,7 +187977,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191412,14 +188029,12 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Description
                       </span>
                     </legend>
                   </fieldset>
@@ -191435,7 +188050,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191512,7 +188127,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -191538,7 +188152,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -191564,7 +188177,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -191580,7 +188193,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -191592,7 +188205,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -191700,7 +188313,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -191735,7 +188347,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -191823,22 +188434,22 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         >
                           <div
                             aria-haspopup="listbox"
-                            aria-labelledby=" "
-                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                             role="button"
                             tabindex="0"
                           >
                             20
                           </div>
                           <input
-                            type="hidden"
+                            aria-hidden="true"
+                            class="MuiSelect-nativeInput-id"
+                            tabindex="-1"
                             value="20"
                           />
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSelect-icon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -191865,16 +188476,11 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -191891,16 +188497,11 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -191936,7 +188537,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192039,7 +188639,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192142,7 +188741,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192245,7 +188843,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192348,7 +188945,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192451,7 +189047,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192554,7 +189149,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192657,7 +189251,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192760,7 +189353,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192863,7 +189455,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -192966,7 +189557,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193069,7 +189659,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193172,7 +189761,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193275,7 +189863,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193378,7 +189965,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193481,7 +190067,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193584,7 +190169,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193687,7 +190271,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193790,7 +190373,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -193893,7 +190475,6 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -194021,7 +190602,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -194047,7 +190627,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -194073,7 +190652,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -194089,7 +190668,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -194101,7 +190680,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -194222,7 +190801,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -194257,7 +190835,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -194345,22 +190922,22 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                         >
                           <div
                             aria-haspopup="listbox"
-                            aria-labelledby=" "
-                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                             role="button"
                             tabindex="0"
                           >
                             20
                           </div>
                           <input
-                            type="hidden"
+                            aria-hidden="true"
+                            class="MuiSelect-nativeInput-id"
+                            tabindex="-1"
                             value="20"
                           />
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSelect-icon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -194387,16 +190964,11 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -194414,16 +190986,11 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -194460,7 +191027,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -194489,7 +191055,6 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -194588,7 +191153,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -194614,7 +191178,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -194640,7 +191203,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -194656,7 +191219,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -194668,7 +191231,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -194776,7 +191339,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -194811,7 +191373,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -194899,22 +191460,22 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         >
                           <div
                             aria-haspopup="listbox"
-                            aria-labelledby=" "
-                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                             role="button"
                             tabindex="0"
                           >
                             20
                           </div>
                           <input
-                            type="hidden"
+                            aria-hidden="true"
+                            class="MuiSelect-nativeInput-id"
+                            tabindex="-1"
                             value="20"
                           />
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSelect-icon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -194941,16 +191502,11 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -194967,16 +191523,11 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -195012,7 +191563,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195103,7 +191653,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195194,7 +191743,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195285,7 +191833,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195376,7 +191923,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195467,7 +192013,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195558,7 +192103,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195649,7 +192193,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195740,7 +192283,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195831,7 +192373,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -195922,7 +192463,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196013,7 +192553,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196104,7 +192643,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196195,7 +192733,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196286,7 +192823,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196377,7 +192913,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196468,7 +193003,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196559,7 +193093,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196650,7 +193183,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196741,7 +193273,6 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -196857,7 +193388,6 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -196883,7 +193413,6 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -196909,7 +193438,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -196925,7 +193454,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -196937,7 +193466,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -197045,7 +193574,6 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -197133,22 +193661,22 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
                         >
                           <div
                             aria-haspopup="listbox"
-                            aria-labelledby=" "
-                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                             role="button"
                             tabindex="0"
                           >
                             20
                           </div>
                           <input
-                            type="hidden"
+                            aria-hidden="true"
+                            class="MuiSelect-nativeInput-id"
+                            tabindex="-1"
                             value="20"
                           />
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSelect-icon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -197175,16 +193703,11 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -197201,16 +193724,11 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -197281,7 +193799,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -197307,7 +193824,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id ColumnPickerButton-icon-id MuiSvgIcon-colorPrimary-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -197333,7 +193849,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -197349,7 +193865,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -197361,7 +193877,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -197469,7 +193985,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -197504,7 +194019,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -197592,22 +194106,22 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         >
                           <div
                             aria-haspopup="listbox"
-                            aria-labelledby=" "
-                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                            class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                             role="button"
                             tabindex="0"
                           >
                             20
                           </div>
                           <input
-                            type="hidden"
+                            aria-hidden="true"
+                            class="MuiSelect-nativeInput-id"
+                            tabindex="-1"
                             value="20"
                           />
                           <svg
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSelect-icon-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -197634,16 +194148,11 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M14 7l-5 5 5 5V7z"
                             />
-                            <path
-                              d="M24 0v24H0V0h24z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -197660,16 +194169,11 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
                               d="M10 17l5-5-5-5v10z"
                             />
-                            <path
-                              d="M0 24V0h24v24H0z"
-                              fill="none"
-                            />
                           </svg>
                         </span>
                       </button>
@@ -197705,7 +194209,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -197808,7 +194311,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -197911,7 +194413,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198014,7 +194515,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198117,7 +194617,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198220,7 +194719,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198323,7 +194821,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198426,7 +194923,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198529,7 +195025,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198632,7 +195127,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198735,7 +195229,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198838,7 +195331,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -198941,7 +195433,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199044,7 +195535,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199147,7 +195637,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199250,7 +195739,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199353,7 +195841,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199456,7 +195943,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199559,7 +196045,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199662,7 +196147,6 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -199780,7 +196264,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -199819,7 +196303,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -199884,7 +196367,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -199949,7 +196431,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -200014,7 +196495,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -200096,7 +196576,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -200144,7 +196624,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -200203,7 +196682,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -200229,7 +196707,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -200277,7 +196755,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -200336,7 +196813,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -200351,14 +196827,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -200421,7 +196895,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -200436,14 +196909,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -200458,7 +196929,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -200535,7 +197006,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -200618,6 +197089,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -200647,14 +197119,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -200696,14 +197166,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -200731,6 +197199,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -200760,14 +197229,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -200809,14 +197276,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -200833,7 +197298,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -200891,14 +197356,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -200911,7 +197374,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -200946,6 +197409,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id MuiFormLabel-error-id MuiInputLabel-error-id"
                     >
                        *
@@ -200965,14 +197429,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -201008,7 +197470,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -201140,7 +197601,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201165,7 +197626,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -201212,7 +197672,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201237,7 +197697,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -201278,7 +197737,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -201297,7 +197755,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -201344,7 +197802,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -201414,7 +197871,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201455,7 +197912,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201482,7 +197939,6 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -201516,7 +197972,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -201610,7 +198066,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -201649,7 +198105,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -201714,7 +198169,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -201779,7 +198233,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -201844,7 +198297,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -201926,7 +198378,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -201974,7 +198426,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -202033,7 +198484,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -202059,7 +198509,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -202107,7 +198557,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -202166,7 +198615,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -202181,14 +198629,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -202246,7 +198692,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -202261,14 +198706,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -202283,7 +198726,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -202360,7 +198803,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -202443,6 +198886,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -202472,14 +198916,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -202521,14 +198963,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -202556,6 +198996,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -202585,14 +199026,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -202634,14 +199073,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -202658,7 +199095,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -202716,14 +199153,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -202736,7 +199171,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -202771,6 +199206,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -202790,14 +199226,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -202828,7 +199262,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -202892,7 +199325,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -202939,7 +199372,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -203009,7 +199441,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -203050,7 +199482,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -203077,7 +199509,6 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -203111,7 +199542,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -203205,7 +199636,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -203244,7 +199675,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -203309,7 +199739,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -203374,7 +199803,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -203439,7 +199867,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -203521,7 +199948,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -203569,7 +199996,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -203628,7 +200054,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -203654,7 +200079,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -203702,7 +200127,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -203761,7 +200185,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -203776,14 +200199,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -203841,7 +200262,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -203856,14 +200276,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Value
                             </span>
                           </legend>
                         </fieldset>
@@ -203878,7 +200296,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -203955,7 +200373,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -204038,6 +200456,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -204067,14 +200486,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -204116,14 +200533,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -204151,6 +200566,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -204180,14 +200596,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -204229,14 +200643,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -204253,7 +200665,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -204311,14 +200723,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -204331,7 +200741,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -204366,6 +200776,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -204385,14 +200796,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -204423,7 +200832,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -204555,7 +200963,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204580,7 +200988,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -204627,7 +201034,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204652,7 +201059,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -204693,7 +201099,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -204712,7 +201117,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -204759,7 +201164,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -204829,7 +201233,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204870,7 +201274,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204897,7 +201301,6 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -204931,7 +201334,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -205030,7 +201433,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205069,7 +201472,6 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -205112,7 +201514,6 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -205162,7 +201563,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205210,7 +201611,6 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -205226,7 +201626,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id Attributes-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id Attributes-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205274,7 +201674,6 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id Attributes-expansionBarButtonIcon-id Attributes-rotate-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -205290,7 +201689,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205341,7 +201740,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205424,6 +201823,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -205454,14 +201854,12 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -205504,14 +201902,12 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -205539,6 +201935,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -205569,14 +201966,12 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -205619,14 +202014,12 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Cost Price
                                 </span>
                               </legend>
                             </fieldset>
@@ -205643,7 +202036,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205702,14 +202095,12 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -205722,7 +202113,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -205757,6 +202148,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                   >
                     SKU (Stock Keeping Unit)
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -205777,14 +202169,12 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          SKU (Stock Keeping Unit) *
                         </span>
                       </legend>
                     </fieldset>
@@ -205816,7 +202206,6 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -205937,7 +202326,6 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -205956,7 +202344,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -205993,7 +202381,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -206063,7 +202451,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206109,14 +202497,12 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping zone name
                       </span>
                     </legend>
                   </fieldset>
@@ -206156,14 +202542,20 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        <div
+                          class="ShippingZoneCreatePage-labelContainer-id"
+                        >
+                          <div
+                            class="ShippingZoneCreatePage-label-id"
+                          >
+                            Description (optional)
+                          </div>
+                        </div>
                       </span>
                     </legend>
                   </fieldset>
@@ -206175,7 +202567,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206242,7 +202634,6 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -206295,7 +202686,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206341,14 +202732,12 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping zone name
                       </span>
                     </legend>
                   </fieldset>
@@ -206393,14 +202782,20 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        <div
+                          class="ShippingZoneCreatePage-labelContainer-id"
+                        >
+                          <div
+                            class="ShippingZoneCreatePage-label-id"
+                          >
+                            Description (optional)
+                          </div>
+                        </div>
                       </span>
                     </legend>
                   </fieldset>
@@ -206412,7 +202807,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206479,7 +202874,6 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -206532,7 +202926,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206579,14 +202973,12 @@ exports[`Storyshots Views / Shipping / Create shipping zone loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping zone name
                       </span>
                     </legend>
                   </fieldset>
@@ -206627,14 +203019,20 @@ exports[`Storyshots Views / Shipping / Create shipping zone loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        <div
+                          class="ShippingZoneCreatePage-labelContainer-id"
+                        >
+                          <div
+                            class="ShippingZoneCreatePage-label-id"
+                          >
+                            Description (optional)
+                          </div>
+                        </div>
                       </span>
                     </legend>
                   </fieldset>
@@ -206646,7 +203044,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206714,7 +203112,6 @@ exports[`Storyshots Views / Shipping / Create shipping zone loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -206767,7 +203164,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206812,14 +203209,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -206854,14 +203249,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -206890,14 +203283,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -206910,7 +203301,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -206956,7 +203347,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -207075,14 +203465,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Min Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -207124,14 +203512,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Max Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -207148,7 +203534,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -207233,6 +203619,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -207262,14 +203649,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -207286,7 +203671,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -207354,7 +203739,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -207365,7 +203749,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -207417,7 +203800,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -207428,7 +203810,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -207504,7 +203885,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -207545,7 +203925,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -207609,7 +203989,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -207671,16 +204050,11 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -207698,16 +204072,11 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -207741,7 +204110,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -207764,7 +204132,18 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
-                        />
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id MuiAvatar-fallback-id"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                            />
+                          </svg>
+                        </div>
                         <div
                           class="TableCellAvatar-children-id"
                         >
@@ -207791,7 +204170,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -207810,7 +204188,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -207871,7 +204249,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -207931,7 +204309,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -208017,7 +204395,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -208062,14 +204440,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -208104,14 +204480,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -208140,14 +204514,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -208160,7 +204532,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -208203,7 +204575,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -208254,14 +204625,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min. Order Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -208290,14 +204659,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max. Order Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -208310,7 +204677,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -208395,6 +204762,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -208424,14 +204792,12 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -208448,7 +204814,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -208516,7 +204882,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -208527,7 +204892,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -208579,7 +204943,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -208590,7 +204953,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -208666,7 +205028,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -208707,7 +205068,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -208771,7 +205132,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -208833,16 +205193,11 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -208860,16 +205215,11 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -208903,7 +205253,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -208926,7 +205275,18 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
-                        />
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id MuiAvatar-fallback-id"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                            />
+                          </svg>
+                        </div>
                         <div
                           class="TableCellAvatar-children-id"
                         >
@@ -208953,7 +205313,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -208972,7 +205331,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -209033,7 +205392,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -209093,7 +205452,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -209184,7 +205543,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -209230,14 +205589,12 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -209273,14 +205630,12 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -209310,14 +205665,12 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -209330,7 +205683,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -209378,7 +205731,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -209498,14 +205850,12 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Min Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -209548,14 +205898,12 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Max Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -209572,7 +205920,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -209657,6 +206005,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -209687,14 +206036,12 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0.01px"
+                                class="PrivateNotchedOutline-legendLabelled-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -209711,7 +206058,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -209779,7 +206126,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -209790,7 +206136,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -209842,7 +206187,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -209853,7 +206197,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -209929,7 +206272,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -209970,7 +206312,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -210035,7 +206377,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -210063,7 +206404,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -210097,7 +206437,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -210116,7 +206455,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -210153,7 +206492,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -210189,7 +206528,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -210275,7 +206614,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -210320,14 +206659,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -210362,14 +206699,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -210398,14 +206733,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -210418,7 +206751,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -210464,7 +206797,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <rect
@@ -210583,14 +206915,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Min Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -210632,14 +206962,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Max Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -210694,14 +207022,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Min Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -210743,14 +207069,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Max Value
                                 </span>
                               </legend>
                             </fieldset>
@@ -210767,7 +207091,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -210852,6 +207176,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -210881,14 +207206,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -210920,6 +207243,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -210949,14 +207273,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -210973,7 +207295,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -211041,7 +207363,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -211052,7 +207373,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -211104,7 +207424,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -211115,7 +207434,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -211191,7 +207509,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -211232,7 +207549,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -211296,7 +207613,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -211358,16 +207674,11 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -211385,16 +207696,11 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -211428,7 +207734,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -211451,7 +207756,18 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
-                        />
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id MuiAvatar-fallback-id"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                            />
+                          </svg>
+                        </div>
                         <div
                           class="TableCellAvatar-children-id"
                         >
@@ -211478,7 +207794,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -211497,7 +207812,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -211558,7 +207873,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -211618,7 +207933,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -211720,7 +208035,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -211765,14 +208080,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Shipping rate name
                       </span>
                     </legend>
                   </fieldset>
@@ -211807,14 +208120,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -211843,14 +208154,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max Delivery Time
                         </span>
                       </legend>
                     </fieldset>
@@ -211863,7 +208172,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -211906,7 +208215,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -211957,14 +208265,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Min. Order Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -211993,14 +208299,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Max. Order Weight
                         </span>
                       </legend>
                     </fieldset>
@@ -212013,7 +208317,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -212098,6 +208402,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -212127,14 +208432,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -212166,6 +208469,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -212195,14 +208499,12 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             <fieldset
                               aria-hidden="true"
                               class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                              style="padding-left:8px"
                             >
                               <legend
-                                class="PrivateNotchedOutline-legend-id"
-                                style="width:0"
+                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                               >
                                 <span>
-                                  ​
+                                  Price *
                                 </span>
                               </legend>
                             </fieldset>
@@ -212219,7 +208521,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -212287,7 +208589,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -212298,7 +208599,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -212350,7 +208650,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -212361,7 +208660,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -212437,7 +208735,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id ShippingZonePostalCodes-arrow-id ShippingZonePostalCodes-arrowRotate-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -212478,7 +208775,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -212542,7 +208839,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -212604,16 +208900,11 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M14 7l-5 5 5 5V7z"
                                 />
-                                <path
-                                  d="M24 0v24H0V0h24z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -212631,16 +208922,11 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                                 aria-hidden="true"
                                 class="MuiSvgIcon-root-id"
                                 focusable="false"
-                                role="presentation"
                                 viewBox="0 0 24 24"
                               >
                                 <path
                                   d="M10 17l5-5-5-5v10z"
                                 />
-                                <path
-                                  d="M0 24V0h24v24H0z"
-                                  fill="none"
-                                />
                               </svg>
                             </span>
                           </button>
@@ -212674,7 +208960,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -212697,7 +208982,18 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
-                        />
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id MuiAvatar-fallback-id"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+                            />
+                          </svg>
+                        </div>
                         <div
                           class="TableCellAvatar-children-id"
                         >
@@ -212724,7 +209020,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -212743,7 +209038,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -212804,7 +209099,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -212864,7 +209159,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -212966,7 +209261,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -213012,14 +209307,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Shipping zone name
                       </span>
                     </legend>
                   </fieldset>
@@ -213064,14 +209357,23 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        <div
+                          class="ShippingZoneCreatePage-labelContainer-id"
+                        >
+                          <div
+                            class="ShippingZoneCreatePage-label-id"
+                          >
+                            Description (optional)
+                          </div>
+                          <span>
+                            25 of 300 characters
+                          </span>
+                        </div>
                       </span>
                     </legend>
                   </fieldset>
@@ -213083,7 +209385,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -213150,7 +209452,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -213170,7 +209471,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -213278,7 +209579,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213303,7 +209603,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213347,7 +209646,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213372,7 +209670,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213391,7 +209688,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -213499,7 +209796,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213524,7 +209820,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213568,7 +209863,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213593,7 +209887,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -213612,7 +209905,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -213673,7 +209966,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -213733,7 +210026,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -213787,7 +210080,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -213802,14 +210094,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Warehouse
                         </span>
                       </legend>
                     </fieldset>
@@ -213847,7 +210137,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -213881,7 +210170,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -213932,7 +210220,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -213978,14 +210266,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Shipping zone name
                       </span>
                     </legend>
                   </fieldset>
@@ -214035,14 +210321,23 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        <div
+                          class="ShippingZoneCreatePage-labelContainer-id"
+                        >
+                          <div
+                            class="ShippingZoneCreatePage-label-id"
+                          >
+                            Description (optional)
+                          </div>
+                          <span>
+                            25 of 300 characters
+                          </span>
+                        </div>
                       </span>
                     </legend>
                   </fieldset>
@@ -214054,7 +210349,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -214121,7 +210416,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -214141,7 +210435,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -214249,7 +210543,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214274,7 +210567,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214318,7 +210610,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214343,7 +210634,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214362,7 +210652,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -214470,7 +210760,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214495,7 +210784,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214539,7 +210827,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214564,7 +210851,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -214583,7 +210869,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -214644,7 +210930,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -214704,7 +210990,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -214758,7 +211044,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -214773,14 +211058,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Warehouse
                         </span>
                       </legend>
                     </fieldset>
@@ -214818,7 +211101,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -214852,7 +211134,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -214908,7 +211189,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -214955,14 +211236,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Shipping zone name
                       </span>
                     </legend>
                   </fieldset>
@@ -215003,14 +211282,20 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        <div
+                          class="ShippingZoneCreatePage-labelContainer-id"
+                        >
+                          <div
+                            class="ShippingZoneCreatePage-label-id"
+                          >
+                            Description (optional)
+                          </div>
+                        </div>
                       </span>
                     </legend>
                   </fieldset>
@@ -215022,7 +211307,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -215090,7 +211375,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -215110,7 +211394,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -215232,7 +211516,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -215258,7 +211541,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -215277,7 +211559,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -215399,7 +211681,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -215425,7 +211706,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -215444,7 +211724,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="false"
@@ -215481,7 +211761,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="metadataEditor"
             data-test-expanded="true"
             data-test-is-private="true"
@@ -215517,7 +211797,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -215571,7 +211851,6 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -215586,14 +211865,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Warehouse
                         </span>
                       </legend>
                     </fieldset>
@@ -215646,7 +211923,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -215710,7 +211987,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -215770,22 +212046,22 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -215812,16 +212088,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -215838,16 +212109,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -215881,7 +212147,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -215921,7 +212186,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -215954,7 +212218,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -215994,7 +212257,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -216027,7 +212289,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -216067,7 +212328,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -216100,7 +212360,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -216140,7 +212399,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -216173,7 +212431,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -216213,7 +212470,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -216232,7 +212488,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
       <div>
         <form>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -216269,8 +212525,8 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" mui-component-select-unit"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    aria-labelledby="mui-component-select-unit"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     id="mui-component-select-unit"
                     role="button"
                     tabindex="0"
@@ -216278,15 +212534,16 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     KG
                   </div>
                   <input
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
                     name="unit"
-                    type="hidden"
+                    tabindex="-1"
                     value="KG"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -216370,7 +212627,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -216436,7 +212693,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -216496,22 +212752,22 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -216538,16 +212794,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -216565,16 +212816,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -216610,7 +212856,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -216659,7 +212904,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -216678,7 +212922,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
       <div>
         <form>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -216714,24 +212958,26 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
                 >
                   <div
+                    aria-disabled="true"
                     aria-haspopup="listbox"
-                    aria-labelledby=" mui-component-select-unit"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id MuiSelect-disabled-id"
+                    aria-labelledby="mui-component-select-unit"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiSelect-disabled-id"
                     id="mui-component-select-unit"
                     role="button"
                   >
                     KG
                   </div>
                   <input
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
                     name="unit"
-                    type="hidden"
+                    tabindex="-1"
                     value="KG"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
+                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id MuiSelect-disabled-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -216815,7 +213061,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -216904,22 +213150,22 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -216946,16 +213192,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -216972,16 +213213,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -217011,7 +213247,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
       <div>
         <form>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -217048,8 +213284,8 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                 >
                   <div
                     aria-haspopup="listbox"
-                    aria-labelledby=" mui-component-select-unit"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputSelect-id MuiOutlinedInput-inputSelect-id"
+                    aria-labelledby="mui-component-select-unit"
+                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
                     id="mui-component-select-unit"
                     role="button"
                     tabindex="0"
@@ -217057,15 +213293,16 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                     KG
                   </div>
                   <input
+                    aria-hidden="true"
+                    class="MuiSelect-nativeInput-id"
                     name="unit"
-                    type="hidden"
+                    tabindex="-1"
                     value="KG"
                   />
                   <svg
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <path
@@ -217149,7 +213386,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id CardTitle-constantHeight-id"
@@ -217213,7 +213450,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -217273,22 +213509,22 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           >
                             <div
                               aria-haspopup="listbox"
-                              aria-labelledby=" "
-                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                              class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                               role="button"
                               tabindex="0"
                             >
                               20
                             </div>
                             <input
-                              type="hidden"
+                              aria-hidden="true"
+                              class="MuiSelect-nativeInput-id"
+                              tabindex="-1"
                               value="20"
                             />
                             <svg
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id MuiSelect-icon-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
@@ -217315,16 +213551,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M14 7l-5 5 5 5V7z"
                               />
-                              <path
-                                d="M24 0v24H0V0h24z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -217341,16 +213572,11 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                               aria-hidden="true"
                               class="MuiSvgIcon-root-id"
                               focusable="false"
-                              role="presentation"
                               viewBox="0 0 24 24"
                             >
                               <path
                                 d="M10 17l5-5-5-5v10z"
                               />
-                              <path
-                                d="M0 24V0h24v24H0z"
-                                fill="none"
-                              />
                             </svg>
                           </span>
                         </button>
@@ -217384,7 +213610,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -217424,7 +213649,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -217457,7 +213681,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -217497,7 +213720,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -217530,7 +213752,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -217570,7 +213791,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -217603,7 +213823,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -217643,7 +213862,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -217676,7 +213894,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <rect
@@ -217716,7 +213933,6 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -217779,7 +213995,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -217824,14 +214040,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Name of your store
                     </span>
                   </legend>
                 </fieldset>
@@ -217867,14 +214081,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      URL of your online store
                     </span>
                   </legend>
                 </fieldset>
@@ -217905,14 +214117,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Store Description
                     </span>
                   </legend>
                 </fieldset>
@@ -217941,7 +214151,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -217996,14 +214206,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Mailing email address
                     </span>
                   </legend>
                 </fieldset>
@@ -218034,14 +214242,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Mailing email sender
                     </span>
                   </legend>
                 </fieldset>
@@ -218085,14 +214291,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Customer password reset URL
                     </span>
                   </legend>
                 </fieldset>
@@ -218121,7 +214325,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -218169,14 +214373,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Company
                       </span>
                     </legend>
                   </fieldset>
@@ -218207,14 +214409,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Address line 1
                       </span>
                     </legend>
                   </fieldset>
@@ -218244,14 +214444,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 2
                       </span>
                     </legend>
                   </fieldset>
@@ -218285,14 +214483,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          City
                         </span>
                       </legend>
                     </fieldset>
@@ -218320,14 +214516,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          ZIP / Postal code
                         </span>
                       </legend>
                     </fieldset>
@@ -218370,7 +214564,6 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <g
@@ -218385,14 +214578,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                         >
                           <span>
-                            ​
+                            Country
                           </span>
                         </legend>
                       </fieldset>
@@ -218420,14 +214611,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Country area
                         </span>
                       </legend>
                     </fieldset>
@@ -218459,14 +214648,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Phone
                       </span>
                     </legend>
                   </fieldset>
@@ -218522,7 +214709,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -218567,14 +214754,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Name of your store
                     </span>
                   </legend>
                 </fieldset>
@@ -218610,14 +214795,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      URL of your online store
                     </span>
                   </legend>
                 </fieldset>
@@ -218653,14 +214836,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Store Description
                     </span>
                   </legend>
                 </fieldset>
@@ -218689,7 +214870,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -218744,14 +214925,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Mailing email address
                     </span>
                   </legend>
                 </fieldset>
@@ -218787,14 +214966,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Mailing email sender
                     </span>
                   </legend>
                 </fieldset>
@@ -218838,14 +215015,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0"
+                    class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                   >
                     <span>
-                      ​
+                      Customer password reset URL
                     </span>
                   </legend>
                 </fieldset>
@@ -218874,7 +215049,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -218922,14 +215097,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Company
                       </span>
                     </legend>
                   </fieldset>
@@ -218960,14 +215133,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Address line 1
                       </span>
                     </legend>
                   </fieldset>
@@ -218997,14 +215168,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 2
                       </span>
                     </legend>
                   </fieldset>
@@ -219038,14 +215207,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          City
                         </span>
                       </legend>
                     </fieldset>
@@ -219073,14 +215240,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          ZIP / Postal code
                         </span>
                       </legend>
                     </fieldset>
@@ -219123,7 +215288,6 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <g
@@ -219138,14 +215302,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                         >
                           <span>
-                            ​
+                            Country
                           </span>
                         </legend>
                       </fieldset>
@@ -219173,14 +215335,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Country area
                         </span>
                       </legend>
                     </fieldset>
@@ -219212,14 +215372,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Phone
                       </span>
                     </legend>
                   </fieldset>
@@ -219275,7 +215433,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -219321,14 +215479,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Name of your store
                     </span>
                   </legend>
                 </fieldset>
@@ -219365,14 +215521,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      URL of your online store
                     </span>
                   </legend>
                 </fieldset>
@@ -219404,14 +215558,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Store Description
                     </span>
                   </legend>
                 </fieldset>
@@ -219440,7 +215592,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -219496,14 +215648,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Mailing email address
                     </span>
                   </legend>
                 </fieldset>
@@ -219535,14 +215685,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Mailing email sender
                     </span>
                   </legend>
                 </fieldset>
@@ -219587,14 +215735,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <fieldset
                   aria-hidden="true"
                   class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  style="padding-left:8px"
                 >
                   <legend
-                    class="PrivateNotchedOutline-legend-id"
-                    style="width:0.01px"
+                    class="PrivateNotchedOutline-legendLabelled-id"
                   >
                     <span>
-                      ​
+                      Customer password reset URL
                     </span>
                   </legend>
                 </fieldset>
@@ -219623,7 +215769,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="CardTitle-root-id"
@@ -219672,14 +215818,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Company
                       </span>
                     </legend>
                   </fieldset>
@@ -219711,14 +215855,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 1
                       </span>
                     </legend>
                   </fieldset>
@@ -219750,14 +215892,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Address line 2
                       </span>
                     </legend>
                   </fieldset>
@@ -219792,14 +215932,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          City
                         </span>
                       </legend>
                     </fieldset>
@@ -219828,14 +215966,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          ZIP / Postal code
                         </span>
                       </legend>
                     </fieldset>
@@ -219879,7 +216015,6 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <g
@@ -219894,14 +216029,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country
                           </span>
                         </legend>
                       </fieldset>
@@ -219931,14 +216064,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Country area
                         </span>
                       </legend>
                     </fieldset>
@@ -219971,14 +216102,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Phone
                       </span>
                     </legend>
                   </fieldset>
@@ -220023,7 +216152,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220088,14 +216217,12 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                First Name
                               </span>
                             </legend>
                           </fieldset>
@@ -220127,14 +216254,12 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                Last Name
                               </span>
                             </legend>
                           </fieldset>
@@ -220166,14 +216291,12 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                E-mail Address
                               </span>
                             </legend>
                           </fieldset>
@@ -220188,7 +216311,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220247,7 +216370,6 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -220262,14 +216384,12 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Permission groups
                         </span>
                       </legend>
                     </fieldset>
@@ -220303,7 +216423,6 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -220337,7 +216456,6 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -220355,7 +216473,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220404,7 +216522,6 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -220468,7 +216585,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220552,14 +216669,12 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                First Name
                               </span>
                             </legend>
                           </fieldset>
@@ -220591,14 +216706,12 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                Last Name
                               </span>
                             </legend>
                           </fieldset>
@@ -220630,14 +216743,12 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                E-mail Address
                               </span>
                             </legend>
                           </fieldset>
@@ -220653,7 +216764,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220698,7 +216809,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220751,7 +216862,6 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -220766,14 +216876,12 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Preferred Language
                         </span>
                       </legend>
                     </fieldset>
@@ -220837,7 +216945,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -220905,14 +217013,12 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0.01px"
+                              class="PrivateNotchedOutline-legendLabelled-id"
                             >
                               <span>
-                                ​
+                                First Name
                               </span>
                             </legend>
                           </fieldset>
@@ -220944,14 +217050,12 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0.01px"
+                              class="PrivateNotchedOutline-legendLabelled-id"
                             >
                               <span>
-                                ​
+                                Last Name
                               </span>
                             </legend>
                           </fieldset>
@@ -220983,14 +217087,12 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0.01px"
+                              class="PrivateNotchedOutline-legendLabelled-id"
                             >
                               <span>
-                                ​
+                                E-mail Address
                               </span>
                             </legend>
                           </fieldset>
@@ -221005,7 +217107,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -221064,7 +217166,6 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -221079,14 +217180,12 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Permission groups
                         </span>
                       </legend>
                     </fieldset>
@@ -221102,7 +217201,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -221152,7 +217251,6 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -221211,7 +217309,7 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -221276,14 +217374,12 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                First Name
                               </span>
                             </legend>
                           </fieldset>
@@ -221315,14 +217411,12 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                Last Name
                               </span>
                             </legend>
                           </fieldset>
@@ -221354,14 +217448,12 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
                           <fieldset
                             aria-hidden="true"
                             class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            style="padding-left:8px"
                           >
                             <legend
-                              class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                             >
                               <span>
-                                ​
+                                E-mail Address
                               </span>
                             </legend>
                           </fieldset>
@@ -221418,7 +217510,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -221434,7 +217526,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -221446,7 +217538,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -221538,7 +217630,6 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -221598,22 +217689,22 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -221640,16 +217731,11 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -221666,16 +217752,11 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -222104,7 +218185,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -222120,7 +218201,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -222132,7 +218213,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -222224,7 +218305,6 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -222284,22 +218364,22 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -222326,16 +218406,11 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -222353,16 +218428,11 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -222458,7 +218528,7 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -222501,7 +218571,6 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -222545,7 +218614,6 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -222593,7 +218661,6 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -222639,7 +218706,7 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="ResponsiveTable-root-id"
@@ -223249,7 +219316,7 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -223294,7 +219361,6 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -223339,7 +219405,6 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -223384,7 +219449,6 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <rect
@@ -223431,7 +219495,7 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="ResponsiveTable-root-id"
@@ -223539,7 +219603,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories default 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -223726,7 +219790,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories loading 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -223814,7 +219878,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -223830,7 +219894,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223842,7 +219906,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223854,7 +219918,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223866,7 +219930,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223878,7 +219942,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223890,7 +219954,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223902,7 +219966,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223914,7 +219978,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -223985,16 +220049,11 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -224011,16 +220070,11 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -224093,7 +220147,7 @@ exports[`Storyshots Views / Translations / Language list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -224187,7 +220241,7 @@ exports[`Storyshots Views / Translations / Language list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -224258,7 +220312,7 @@ exports[`Storyshots Views / Translations / Language list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="ResponsiveTable-root-id"
@@ -224331,7 +220385,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="generalInformationSection"
           >
             <div
@@ -224377,14 +220431,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Warehouse Name
                       </span>
                     </legend>
                   </fieldset>
@@ -224396,7 +220448,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -224444,14 +220496,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Company
                         </span>
                       </legend>
                     </fieldset>
@@ -224482,14 +220532,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 1
                         </span>
                       </legend>
                     </fieldset>
@@ -224520,14 +220568,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 2
                         </span>
                       </legend>
                     </fieldset>
@@ -224561,14 +220607,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -224596,14 +220640,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -224646,7 +220688,6 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -224661,14 +220702,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -224697,14 +220736,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -224736,14 +220773,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Phone
                         </span>
                       </legend>
                     </fieldset>
@@ -224789,7 +220824,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="generalInformationSection"
           >
             <div
@@ -224835,14 +220870,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Warehouse Name
                       </span>
                     </legend>
                   </fieldset>
@@ -224859,7 +220892,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -224907,14 +220940,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Company
                         </span>
                       </legend>
                     </fieldset>
@@ -224950,14 +220981,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 1
                         </span>
                       </legend>
                     </fieldset>
@@ -224993,14 +221022,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 2
                         </span>
                       </legend>
                     </fieldset>
@@ -225039,14 +221066,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -225079,14 +221104,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -225134,7 +221157,6 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -225149,14 +221171,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -225190,14 +221210,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -225234,14 +221252,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Phone
                         </span>
                       </legend>
                     </fieldset>
@@ -225292,7 +221308,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="generalInformationSection"
           >
             <div
@@ -225339,14 +221355,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Warehouse Name
                       </span>
                     </legend>
                   </fieldset>
@@ -225358,7 +221372,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -225407,14 +221421,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Company
                         </span>
                       </legend>
                     </fieldset>
@@ -225446,14 +221458,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 1
                         </span>
                       </legend>
                     </fieldset>
@@ -225485,14 +221495,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 2
                         </span>
                       </legend>
                     </fieldset>
@@ -225527,14 +221535,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -225563,14 +221569,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -225614,7 +221618,6 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -225629,14 +221632,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -225666,14 +221667,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -225706,14 +221705,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Phone
                         </span>
                       </legend>
                     </fieldset>
@@ -225759,7 +221756,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="generalInformationSection"
           >
             <div
@@ -225805,14 +221802,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Warehouse Name
                       </span>
                     </legend>
                   </fieldset>
@@ -225824,7 +221819,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -225872,14 +221867,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Company
                         </span>
                       </legend>
                     </fieldset>
@@ -225910,14 +221903,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Address line 1
                         </span>
                       </legend>
                     </fieldset>
@@ -225948,14 +221939,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Address line 2
                         </span>
                       </legend>
                     </fieldset>
@@ -225989,14 +221978,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -226024,14 +222011,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -226074,7 +222059,6 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -226089,14 +222073,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -226125,14 +222107,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -226164,14 +222144,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Phone
                         </span>
                       </legend>
                     </fieldset>
@@ -226183,7 +222161,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -226290,7 +222268,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="generalInformationSection"
           >
             <div
@@ -226336,14 +222314,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0"
+                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                     >
                       <span>
-                        ​
+                        Warehouse Name
                       </span>
                     </legend>
                   </fieldset>
@@ -226360,7 +222336,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -226408,14 +222384,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Company
                         </span>
                       </legend>
                     </fieldset>
@@ -226451,14 +222425,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Address line 1
                         </span>
                       </legend>
                     </fieldset>
@@ -226494,14 +222466,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                       >
                         <span>
-                          ​
+                          Address line 2
                         </span>
                       </legend>
                     </fieldset>
@@ -226540,14 +222510,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -226580,14 +222548,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -226635,7 +222601,6 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -226650,14 +222615,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -226691,14 +222654,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -226735,14 +222696,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Phone
                         </span>
                       </legend>
                     </fieldset>
@@ -226759,7 +222718,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -226871,7 +222830,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test="generalInformationSection"
           >
             <div
@@ -226918,14 +222877,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:0.01px"
+                      class="PrivateNotchedOutline-legendLabelled-id"
                     >
                       <span>
-                        ​
+                        Warehouse Name
                       </span>
                     </legend>
                   </fieldset>
@@ -226937,7 +222894,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id CompanyAddressInput-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -226986,14 +222943,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Company
                         </span>
                       </legend>
                     </fieldset>
@@ -227025,14 +222980,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 1
                         </span>
                       </legend>
                     </fieldset>
@@ -227064,14 +223017,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Address line 2
                         </span>
                       </legend>
                     </fieldset>
@@ -227106,14 +223057,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            City
                           </span>
                         </legend>
                       </fieldset>
@@ -227142,14 +223091,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            ZIP / Postal code
                           </span>
                         </legend>
                       </fieldset>
@@ -227193,7 +223140,6 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <g
@@ -227208,14 +223154,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                         <fieldset
                           aria-hidden="true"
                           class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                          style="padding-left:8px"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-id"
-                            style="width:0.01px"
+                            class="PrivateNotchedOutline-legendLabelled-id"
                           >
                             <span>
-                              ​
+                              Country
                             </span>
                           </legend>
                         </fieldset>
@@ -227245,14 +223189,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                       <fieldset
                         aria-hidden="true"
                         class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
                       >
                         <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0.01px"
+                          class="PrivateNotchedOutline-legendLabelled-id"
                         >
                           <span>
-                            ​
+                            Country area
                           </span>
                         </legend>
                       </fieldset>
@@ -227285,14 +223227,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                     <fieldset
                       aria-hidden="true"
                       class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0.01px"
+                        class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          ​
+                          Phone
                         </span>
                       </legend>
                     </fieldset>
@@ -227304,7 +223244,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
         </div>
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -227378,7 +223318,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -227394,7 +223334,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -227406,7 +223346,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -227479,7 +223419,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -227537,22 +223476,22 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -227579,16 +223518,11 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -227605,16 +223539,11 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -227662,7 +223591,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227683,7 +223611,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227731,7 +223658,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227752,7 +223678,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227800,7 +223725,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227821,7 +223745,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227869,7 +223792,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227890,7 +223812,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list default 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -227947,7 +223868,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -227963,7 +223884,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -227975,7 +223896,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -228048,7 +223969,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -228106,22 +224026,22 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -228148,16 +224068,11 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -228175,16 +224090,11 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -228239,7 +224149,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -228260,7 +224169,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list loading 1`] = `
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <path
@@ -228317,7 +224225,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
     >
       <div
         class="MuiTabs-root-id FilterTabs-tabsRoot-id"
@@ -228333,7 +224241,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -228345,7 +224253,7 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
             <button
               class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
               role="tab"
-              tabindex="0"
+              tabindex="-1"
               type="button"
             >
               <span
@@ -228418,7 +224326,6 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id TableCellHeader-arrow-id TableCellHeader-arrowUp-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -228476,22 +224383,22 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
                       >
                         <div
                           aria-haspopup="listbox"
-                          aria-labelledby=" "
-                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id MuiInputBase-inputSelect-id"
+                          class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiInputBase-input-id MuiInput-input-id"
                           role="button"
                           tabindex="0"
                         >
                           20
                         </div>
                         <input
-                          type="hidden"
+                          aria-hidden="true"
+                          class="MuiSelect-nativeInput-id"
+                          tabindex="-1"
                           value="20"
                         />
                         <svg
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id MuiSelect-icon-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -228518,16 +224425,11 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M14 7l-5 5 5 5V7z"
                           />
-                          <path
-                            d="M24 0v24H0V0h24z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>
@@ -228544,16 +224446,11 @@ exports[`Storyshots Views / Warehouses / Warehouse list no data 1`] = `
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
                             d="M10 17l5-5-5-5v10z"
                           />
-                          <path
-                            d="M0 24V0h24v24H0z"
-                            fill="none"
-                          />
                         </svg>
                       </span>
                     </button>