diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 0de87082e..76d46592b 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-elevation1-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation1-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-elevation1-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation1-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-elevation1-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation1-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-elevation1-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation1-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-elevation1-id MuiCard-root-id MuiPaper-rounded-id"
+  class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation1-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"
         data-test-id="order-sales-channel"
       >
         <div
@@ -13453,14 +13197,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"
         data-test-id="order-sales-channel"
       >
         <div
@@ -13531,7 +13275,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"
@@ -13644,7 +13388,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"
@@ -13787,7 +13531,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"
@@ -13881,7 +13625,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"
@@ -13980,7 +13724,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"
@@ -14188,7 +13932,6 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
                 focusable="false"
-                role="presentation"
                 viewBox="0 0 24 24"
               >
                 <path
@@ -14376,7 +14119,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"
@@ -14411,7 +14154,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"
@@ -14431,7 +14174,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"
@@ -14485,7 +14228,6 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
                   aria-hidden="true"
                   class="MuiSvgIcon-root-id"
                   focusable="false"
-                  role="presentation"
                   viewBox="0 0 24 24"
                 >
                   <path
@@ -14633,7 +14375,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"
@@ -14683,7 +14425,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"
@@ -14827,7 +14569,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"
@@ -14973,7 +14715,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"
@@ -15019,7 +14761,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
@@ -15138,14 +14879,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>
@@ -15187,14 +14926,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>
@@ -15215,7 +14952,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"
@@ -15263,7 +15000,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
@@ -15383,14 +15119,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>
@@ -15433,14 +15167,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>
@@ -15461,7 +15193,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"
@@ -15504,7 +15236,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
@@ -15555,14 +15286,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>
@@ -15591,14 +15320,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>
@@ -15615,7 +15342,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"
@@ -15658,7 +15385,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
@@ -15709,14 +15435,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>
@@ -15750,14 +15474,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>
@@ -15779,7 +15501,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"
@@ -15824,7 +15546,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
@@ -15876,14 +15597,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>
@@ -15913,14 +15632,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>
@@ -15937,7 +15654,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"
@@ -15980,7 +15697,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
@@ -16031,14 +15747,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>
@@ -16067,14 +15781,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>
@@ -16091,7 +15803,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"
@@ -16176,6 +15888,7 @@ exports[`Storyshots Shipping / Pricing Card default 1`] = `
                   >
                     Price
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -16205,14 +15918,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>
@@ -16233,7 +15944,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"
@@ -16318,6 +16029,7 @@ exports[`Storyshots Shipping / Pricing Card loading 1`] = `
                   >
                     Price
                     <span
+                      aria-hidden="true"
                       class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                     >
                        *
@@ -16348,14 +16060,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>
@@ -16376,7 +16086,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"
@@ -16441,7 +16151,6 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -16517,16 +16226,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>
@@ -16544,16 +16248,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>
@@ -16587,7 +16286,6 @@ exports[`Storyshots Shipping / ShippingMethodProducts default 1`] = `
                     aria-hidden="true"
                     class="MuiSvgIcon-root-id"
                     focusable="false"
-                    role="presentation"
                     viewBox="0 0 24 24"
                   >
                     <rect
@@ -16610,7 +16308,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"
                 >
@@ -16637,7 +16346,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
@@ -16691,7 +16399,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"
@@ -16736,14 +16444,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>
@@ -16778,14 +16484,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>
@@ -16814,14 +16518,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>
@@ -16834,7 +16536,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"
@@ -16880,7 +16582,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
@@ -16999,14 +16700,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>
@@ -17048,14 +16747,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>
@@ -17072,7 +16769,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"
@@ -17157,6 +16854,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -17186,14 +16884,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>
@@ -17210,7 +16906,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"
@@ -17278,7 +16974,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
@@ -17289,7 +16984,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
@@ -17341,7 +17035,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
@@ -17352,7 +17045,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
@@ -17428,7 +17120,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
@@ -17472,7 +17163,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
@@ -17508,7 +17198,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
@@ -17526,7 +17215,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"
@@ -17612,7 +17301,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"
@@ -17657,14 +17346,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>
@@ -17699,14 +17386,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>
@@ -17735,14 +17420,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>
@@ -17755,7 +17438,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"
@@ -17798,7 +17481,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
@@ -17849,14 +17531,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>
@@ -17885,14 +17565,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>
@@ -17905,7 +17583,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"
@@ -17990,6 +17668,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -18019,14 +17698,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>
@@ -18058,6 +17735,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -18087,14 +17765,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>
@@ -18111,7 +17787,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"
@@ -18179,7 +17855,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
@@ -18190,7 +17865,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
@@ -18242,7 +17916,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
@@ -18253,7 +17926,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
@@ -18329,7 +18001,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
@@ -18373,7 +18044,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
@@ -18409,7 +18079,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
@@ -18427,7 +18096,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"
@@ -18529,7 +18198,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"
@@ -18575,14 +18244,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>
@@ -18618,14 +18285,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>
@@ -18655,14 +18320,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>
@@ -18675,7 +18338,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"
@@ -18723,7 +18386,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
@@ -18843,14 +18505,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>
@@ -18893,14 +18553,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>
@@ -18917,7 +18575,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"
@@ -19002,6 +18660,7 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -19032,14 +18691,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>
@@ -19056,7 +18713,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"
@@ -19124,7 +18781,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
@@ -19135,7 +18791,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
@@ -19187,7 +18842,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
@@ -19198,7 +18852,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
@@ -19274,7 +18927,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
@@ -19319,7 +18971,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
@@ -19356,7 +19007,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
@@ -19374,7 +19024,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"
@@ -19544,7 +19194,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"
@@ -19576,7 +19226,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"
@@ -19620,7 +19270,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"
@@ -19764,7 +19414,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"
@@ -19798,7 +19448,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"
@@ -19832,7 +19482,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"
@@ -19983,7 +19633,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"
@@ -20038,7 +19688,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
@@ -20069,7 +19718,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
@@ -20148,7 +19796,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"
@@ -20204,22 +19852,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
@@ -20246,16 +19894,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>
@@ -20272,16 +19915,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>
@@ -20332,7 +19970,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
@@ -20391,7 +20028,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
@@ -20412,7 +20048,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"
@@ -20485,7 +20121,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
@@ -20506,7 +20141,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"
@@ -20569,7 +20204,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"
@@ -20625,22 +20260,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
@@ -20667,16 +20302,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>
@@ -20694,16 +20324,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>
@@ -20738,7 +20363,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"
@@ -20806,7 +20431,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"
@@ -20869,7 +20494,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"
@@ -20925,22 +20550,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
@@ -20967,16 +20592,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>
@@ -20993,16 +20613,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>
@@ -21037,7 +20652,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"
@@ -21105,7 +20720,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"
@@ -21193,7 +20808,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"
@@ -21245,7 +20860,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"
@@ -21359,7 +20974,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"
@@ -21397,7 +21012,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"
@@ -21506,7 +21121,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"
@@ -21556,14 +21171,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>
@@ -21608,14 +21221,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>
@@ -21651,14 +21262,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>
@@ -21674,7 +21283,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"
@@ -21722,7 +21331,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
@@ -21766,7 +21374,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
@@ -21808,7 +21415,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
@@ -21850,7 +21456,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
@@ -21892,7 +21497,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
@@ -21934,7 +21538,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
@@ -21976,7 +21579,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
@@ -22018,7 +21620,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
@@ -22060,7 +21661,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
@@ -22102,7 +21702,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
@@ -22144,7 +21743,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
@@ -22186,7 +21784,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
@@ -22228,7 +21825,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
@@ -22270,7 +21866,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
@@ -22312,7 +21907,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
@@ -22354,7 +21948,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
@@ -22396,7 +21989,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
@@ -22438,7 +22030,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
@@ -22480,7 +22071,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
@@ -22522,7 +22112,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
@@ -22564,7 +22153,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
@@ -22606,7 +22194,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
@@ -22648,7 +22235,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
@@ -22690,7 +22276,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
@@ -22717,7 +22302,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"
@@ -22765,7 +22350,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
@@ -22824,7 +22408,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"
@@ -22874,14 +22458,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>
@@ -22931,14 +22513,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>
@@ -22974,14 +22554,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>
@@ -22997,7 +22575,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"
@@ -23045,7 +22623,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
@@ -23089,7 +22666,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
@@ -23131,7 +22707,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
@@ -23173,7 +22748,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
@@ -23215,7 +22789,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
@@ -23257,7 +22830,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
@@ -23299,7 +22871,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
@@ -23341,7 +22912,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
@@ -23383,7 +22953,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
@@ -23425,7 +22994,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
@@ -23467,7 +23035,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
@@ -23509,7 +23076,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
@@ -23551,7 +23117,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
@@ -23593,7 +23158,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
@@ -23635,7 +23199,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
@@ -23677,7 +23240,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
@@ -23719,7 +23281,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
@@ -23761,7 +23322,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
@@ -23803,7 +23363,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
@@ -23845,7 +23404,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
@@ -23887,7 +23445,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
@@ -23929,7 +23486,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
@@ -23971,7 +23527,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
@@ -24013,7 +23568,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
@@ -24040,7 +23594,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"
@@ -24088,7 +23642,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
@@ -24147,7 +23700,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"
@@ -24198,14 +23751,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>
@@ -24251,14 +23802,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>
@@ -24295,14 +23844,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>
@@ -24318,7 +23865,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"
@@ -24368,7 +23915,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
@@ -24414,7 +23960,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
@@ -24458,7 +24003,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
@@ -24502,7 +24046,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
@@ -24546,7 +24089,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
@@ -24590,7 +24132,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
@@ -24634,7 +24175,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
@@ -24678,7 +24218,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
@@ -24722,7 +24261,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
@@ -24766,7 +24304,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
@@ -24810,7 +24347,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
@@ -24854,7 +24390,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
@@ -24898,7 +24433,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
@@ -24942,7 +24476,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
@@ -24986,7 +24519,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
@@ -25030,7 +24562,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
@@ -25074,7 +24605,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
@@ -25118,7 +24648,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
@@ -25162,7 +24691,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
@@ -25206,7 +24734,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
@@ -25250,7 +24777,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
@@ -25294,7 +24820,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
@@ -25338,7 +24863,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
@@ -25382,7 +24906,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
@@ -25409,7 +24932,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"
@@ -25459,7 +24982,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
@@ -25530,7 +25052,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"
@@ -25580,14 +25102,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>
@@ -25632,14 +25152,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>
@@ -25675,14 +25193,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>
@@ -25698,7 +25214,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"
@@ -25746,7 +25262,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
@@ -25790,7 +25305,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
@@ -25832,7 +25346,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
@@ -25874,7 +25387,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
@@ -25916,7 +25428,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
@@ -25958,7 +25469,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
@@ -26000,7 +25510,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
@@ -26042,7 +25551,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
@@ -26084,7 +25592,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
@@ -26126,7 +25633,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
@@ -26168,7 +25674,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
@@ -26210,7 +25715,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
@@ -26252,7 +25756,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
@@ -26294,7 +25797,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
@@ -26336,7 +25838,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
@@ -26378,7 +25879,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
@@ -26420,7 +25920,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
@@ -26462,7 +25961,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
@@ -26504,7 +26002,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
@@ -26546,7 +26043,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
@@ -26588,7 +26084,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
@@ -26630,7 +26125,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
@@ -26672,7 +26166,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
@@ -26714,7 +26207,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
@@ -26741,7 +26233,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"
@@ -26790,7 +26282,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
@@ -26854,7 +26345,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"
@@ -26904,14 +26395,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>
@@ -26961,14 +26450,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>
@@ -27004,14 +26491,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>
@@ -27027,7 +26512,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"
@@ -27075,7 +26560,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
@@ -27119,7 +26603,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
@@ -27161,7 +26644,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
@@ -27203,7 +26685,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
@@ -27245,7 +26726,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
@@ -27287,7 +26767,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
@@ -27329,7 +26808,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
@@ -27371,7 +26849,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
@@ -27413,7 +26890,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
@@ -27455,7 +26931,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
@@ -27497,7 +26972,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
@@ -27539,7 +27013,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
@@ -27581,7 +27054,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
@@ -27623,7 +27095,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
@@ -27665,7 +27136,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
@@ -27707,7 +27177,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
@@ -27749,7 +27218,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
@@ -27791,7 +27259,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
@@ -27833,7 +27300,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
@@ -27875,7 +27341,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
@@ -27917,7 +27382,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
@@ -27959,7 +27423,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
@@ -28001,7 +27464,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
@@ -28043,7 +27505,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
@@ -28070,7 +27531,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"
@@ -28119,7 +27580,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
@@ -28183,7 +27643,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"
@@ -28234,14 +27694,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>
@@ -28287,14 +27745,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>
@@ -28331,14 +27787,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>
@@ -28354,7 +27808,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"
@@ -28404,7 +27858,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
@@ -28450,7 +27903,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
@@ -28494,7 +27946,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
@@ -28538,7 +27989,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
@@ -28582,7 +28032,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
@@ -28626,7 +28075,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
@@ -28670,7 +28118,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
@@ -28714,7 +28161,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
@@ -28758,7 +28204,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
@@ -28802,7 +28247,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
@@ -28846,7 +28290,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
@@ -28890,7 +28333,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
@@ -28934,7 +28376,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
@@ -28978,7 +28419,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
@@ -29022,7 +28462,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
@@ -29066,7 +28505,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
@@ -29110,7 +28548,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
@@ -29154,7 +28591,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
@@ -29198,7 +28634,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
@@ -29242,7 +28677,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
@@ -29286,7 +28720,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
@@ -29330,7 +28763,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
@@ -29374,7 +28806,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
@@ -29418,7 +28849,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
@@ -29445,7 +28875,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"
@@ -29495,7 +28925,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
@@ -29554,7 +28983,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"
@@ -29604,14 +29033,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>
@@ -29656,14 +29083,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>
@@ -29699,14 +29124,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>
@@ -29722,7 +29145,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"
@@ -29770,7 +29193,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
@@ -29814,7 +29236,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
@@ -29856,7 +29277,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
@@ -29898,7 +29318,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
@@ -29940,7 +29359,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
@@ -29982,7 +29400,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
@@ -30024,7 +29441,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
@@ -30066,7 +29482,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
@@ -30108,7 +29523,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
@@ -30150,7 +29564,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
@@ -30192,7 +29605,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
@@ -30234,7 +29646,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
@@ -30276,7 +29687,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
@@ -30318,7 +29728,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
@@ -30360,7 +29769,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
@@ -30402,7 +29810,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
@@ -30444,7 +29851,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
@@ -30486,7 +29892,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
@@ -30528,7 +29933,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
@@ -30570,7 +29974,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
@@ -30612,7 +30015,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
@@ -30654,7 +30056,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
@@ -30696,7 +30097,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
@@ -30738,7 +30138,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
@@ -30765,7 +30164,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"
@@ -30814,7 +30213,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
@@ -30878,7 +30276,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"
@@ -30923,14 +30321,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>
@@ -30962,14 +30358,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>
@@ -31000,8 +30394,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"
@@ -31009,15 +30403,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
@@ -31065,7 +30460,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
@@ -31096,7 +30490,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"
@@ -31175,7 +30569,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
@@ -31230,7 +30623,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
@@ -31251,7 +30643,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
@@ -31306,7 +30697,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
@@ -31325,7 +30715,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"
@@ -31386,7 +30776,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"
@@ -31446,7 +30836,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"
@@ -31511,7 +30901,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
@@ -31522,7 +30911,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
@@ -31561,7 +30949,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
@@ -31572,7 +30959,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
@@ -31596,7 +30982,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"
@@ -31648,7 +31034,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
@@ -31698,14 +31083,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>
@@ -31791,7 +31174,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
@@ -31845,7 +31227,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
@@ -31914,7 +31295,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"
@@ -31959,14 +31340,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>
@@ -31998,14 +31377,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>
@@ -32035,24 +31412,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
@@ -32100,7 +31479,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
@@ -32131,7 +31509,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"
@@ -32210,7 +31588,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
@@ -32265,7 +31642,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
@@ -32286,7 +31662,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
@@ -32341,7 +31716,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
@@ -32360,7 +31734,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"
@@ -32407,7 +31781,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
@@ -32477,7 +31850,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -32518,7 +31891,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -32545,7 +31918,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
@@ -32579,7 +31951,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"
@@ -32639,7 +32011,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"
@@ -32678,7 +32050,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"
@@ -32730,7 +32102,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
@@ -32780,14 +32151,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>
@@ -32872,7 +32241,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
@@ -32921,7 +32289,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
@@ -32990,7 +32357,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"
@@ -33035,14 +32402,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>
@@ -33079,14 +32444,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>
@@ -33116,24 +32479,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
@@ -33181,7 +32546,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
@@ -33212,7 +32576,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"
@@ -33291,7 +32655,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
@@ -33346,7 +32709,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
@@ -33367,7 +32729,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
@@ -33422,7 +32783,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
@@ -33441,7 +32801,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"
@@ -33488,7 +32848,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
@@ -33558,7 +32917,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -33599,7 +32958,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -33626,7 +32985,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
@@ -33660,7 +33018,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"
@@ -33720,7 +33078,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"
@@ -33759,7 +33117,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"
@@ -33811,7 +33169,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
@@ -33861,14 +33218,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>
@@ -33958,7 +33313,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
@@ -34007,7 +33361,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
@@ -34081,7 +33434,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"
@@ -34127,14 +33480,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>
@@ -34167,14 +33518,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>
@@ -34204,24 +33553,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
@@ -34271,7 +33622,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
@@ -34302,7 +33652,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"
@@ -34381,7 +33731,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
@@ -34445,7 +33794,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
@@ -34464,7 +33812,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"
@@ -34501,7 +33849,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"
@@ -34537,7 +33885,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"
@@ -34576,7 +33924,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"
@@ -34630,7 +33978,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
@@ -34681,14 +34028,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>
@@ -34778,7 +34123,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
@@ -34834,7 +34178,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
@@ -34903,7 +34246,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"
@@ -34948,14 +34291,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>
@@ -34987,14 +34328,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>
@@ -35024,24 +34363,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
@@ -35089,7 +34430,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
@@ -35120,7 +34460,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"
@@ -35199,7 +34539,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
@@ -35254,7 +34593,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
@@ -35275,7 +34613,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
@@ -35330,7 +34667,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
@@ -35349,7 +34685,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"
@@ -35396,7 +34732,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
@@ -35466,7 +34801,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -35507,7 +34842,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -35534,7 +34869,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
@@ -35568,7 +34902,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"
@@ -35628,7 +34962,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"
@@ -35667,7 +35001,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"
@@ -35719,7 +35053,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
@@ -35769,14 +35102,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>
@@ -35861,7 +35192,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
@@ -35910,7 +35240,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
@@ -35979,7 +35308,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"
@@ -36024,14 +35353,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>
@@ -36063,14 +35390,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>
@@ -36100,24 +35425,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
@@ -36165,7 +35492,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
@@ -36196,7 +35522,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"
@@ -36275,7 +35601,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
@@ -36338,7 +35663,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
@@ -36357,7 +35681,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"
@@ -36404,7 +35728,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
@@ -36474,7 +35797,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -36515,7 +35838,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -36542,7 +35865,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
@@ -36576,7 +35898,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"
@@ -36636,7 +35958,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"
@@ -36675,7 +35997,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"
@@ -36727,7 +36049,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
@@ -36777,14 +36098,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>
@@ -36869,7 +36188,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
@@ -36918,7 +36236,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
@@ -36994,7 +36311,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"
@@ -37010,7 +36327,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
@@ -37022,7 +36339,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
@@ -37112,7 +36429,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
@@ -37152,7 +36468,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
@@ -37251,16 +36566,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>
@@ -37277,16 +36587,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>
@@ -37323,7 +36628,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
@@ -37397,7 +36701,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
@@ -37471,7 +36774,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
@@ -37545,7 +36847,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
@@ -37619,7 +36920,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
@@ -37693,7 +36993,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
@@ -37767,7 +37066,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
@@ -37841,7 +37139,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
@@ -37915,7 +37212,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
@@ -37989,7 +37285,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
@@ -38063,7 +37358,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
@@ -38137,7 +37431,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
@@ -38231,7 +37524,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"
@@ -38247,7 +37540,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
@@ -38259,7 +37552,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
@@ -38351,7 +37644,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
@@ -38391,7 +37683,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
@@ -38490,16 +37781,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>
@@ -38517,16 +37803,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>
@@ -38564,7 +37845,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
@@ -38675,7 +37955,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"
@@ -38691,7 +37971,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
@@ -38703,7 +37983,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
@@ -38798,7 +38078,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
@@ -38897,16 +38176,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>
@@ -38923,16 +38197,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>
@@ -38967,7 +38236,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
@@ -38999,14 +38268,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>
@@ -39039,14 +38306,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>
@@ -39124,7 +38389,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
@@ -39157,14 +38422,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>
@@ -39198,14 +38461,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>
@@ -39285,7 +38546,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
@@ -39327,14 +38588,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>
@@ -39367,14 +38626,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>
@@ -39452,7 +38709,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
@@ -39491,7 +38748,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
@@ -39531,14 +38788,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>
@@ -39569,7 +38824,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
@@ -39618,14 +38873,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>
@@ -39656,7 +38909,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
@@ -39697,14 +38950,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>
@@ -39736,7 +38987,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
@@ -39771,7 +39022,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
@@ -39811,14 +39062,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>
@@ -39851,14 +39100,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>
@@ -39889,7 +39136,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
@@ -39930,14 +39177,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>
@@ -39971,14 +39216,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>
@@ -40010,7 +39253,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
@@ -40059,14 +39302,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>
@@ -40099,14 +39340,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>
@@ -40199,7 +39438,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"
@@ -40215,7 +39454,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
@@ -40227,7 +39466,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
@@ -40304,7 +39543,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
@@ -40335,7 +39573,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
@@ -40409,22 +39646,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
@@ -40451,16 +39688,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>
@@ -40477,16 +39709,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>
@@ -40522,7 +39749,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
@@ -40578,7 +39804,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
@@ -40634,7 +39859,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
@@ -40690,7 +39914,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
@@ -40746,7 +39969,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
@@ -40802,7 +40024,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
@@ -40879,7 +40100,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"
@@ -40895,7 +40116,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
@@ -40907,7 +40128,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
@@ -40980,7 +40201,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
@@ -41054,22 +40274,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
@@ -41096,16 +40316,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>
@@ -41122,16 +40337,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>
@@ -41198,7 +40408,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"
@@ -41214,7 +40424,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
@@ -41226,7 +40436,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
@@ -41303,7 +40513,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
@@ -41334,7 +40543,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
@@ -41408,22 +40616,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
@@ -41450,16 +40658,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>
@@ -41476,16 +40679,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>
@@ -41520,7 +40718,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
@@ -41599,7 +40796,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"
@@ -41646,14 +40843,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>
@@ -41687,7 +40882,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"
@@ -41733,7 +40928,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"
@@ -41794,7 +40989,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"
@@ -41884,7 +41079,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"
@@ -41930,14 +41125,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>
@@ -41971,7 +41164,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"
@@ -42017,7 +41210,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"
@@ -42078,7 +41271,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"
@@ -42168,7 +41361,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"
@@ -42214,14 +41407,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>
@@ -42262,7 +41453,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"
@@ -42308,7 +41499,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"
@@ -42369,7 +41560,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"
@@ -42458,7 +41649,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"
@@ -42504,14 +41695,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>
@@ -42545,7 +41734,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"
@@ -42608,7 +41797,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
@@ -42662,14 +41850,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>
@@ -42686,7 +41872,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"
@@ -42732,7 +41918,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"
@@ -42779,7 +41965,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
@@ -42849,7 +42034,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -42890,7 +42075,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -42917,7 +42102,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
@@ -42951,7 +42135,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"
@@ -43029,7 +42213,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"
@@ -43149,16 +42333,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>
@@ -43175,16 +42354,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>
@@ -43241,7 +42415,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"
@@ -43287,14 +42461,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>
@@ -43335,7 +42507,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"
@@ -43398,7 +42570,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
@@ -43452,14 +42623,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>
@@ -43476,7 +42645,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"
@@ -43522,7 +42691,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"
@@ -43569,7 +42738,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
@@ -43639,7 +42807,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -43680,7 +42848,7 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -43707,7 +42875,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
@@ -43741,7 +42908,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"
@@ -43819,7 +42986,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"
@@ -43939,16 +43106,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>
@@ -43965,16 +43127,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>
@@ -44036,7 +43193,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"
@@ -44083,14 +43240,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>
@@ -44124,7 +43279,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"
@@ -44182,7 +43337,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"
@@ -44228,7 +43383,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"
@@ -44265,7 +43420,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"
@@ -44319,7 +43474,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"
@@ -44385,7 +43540,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
@@ -44477,16 +43631,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>
@@ -44504,16 +43653,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>
@@ -44550,7 +43694,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
@@ -44629,7 +43772,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"
@@ -44675,14 +43818,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>
@@ -44716,7 +43857,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"
@@ -44774,7 +43915,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
@@ -44812,7 +43952,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"
@@ -44858,7 +43998,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"
@@ -44905,7 +44045,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
@@ -44975,7 +44114,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45016,7 +44155,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45043,7 +44182,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
@@ -45077,7 +44215,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"
@@ -45155,7 +44293,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"
@@ -45275,16 +44413,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>
@@ -45301,16 +44434,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>
@@ -45367,7 +44495,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"
@@ -45413,14 +44541,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>
@@ -45454,7 +44580,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"
@@ -45517,7 +44643,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
@@ -45571,14 +44696,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>
@@ -45595,7 +44718,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"
@@ -45641,7 +44764,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"
@@ -45688,7 +44811,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
@@ -45758,7 +44880,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45799,7 +44921,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -45826,7 +44948,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
@@ -45860,7 +44981,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"
@@ -45938,7 +45059,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"
@@ -46062,16 +45183,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>
@@ -46088,16 +45204,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>
@@ -46155,7 +45266,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"
@@ -46201,14 +45312,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>
@@ -46242,7 +45351,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"
@@ -46305,7 +45414,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
@@ -46359,14 +45467,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>
@@ -46383,7 +45489,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"
@@ -46429,7 +45535,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"
@@ -46476,7 +45582,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
@@ -46546,7 +45651,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -46587,7 +45692,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -46614,7 +45719,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
@@ -46648,7 +45752,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"
@@ -46726,7 +45830,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"
@@ -46846,16 +45950,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>
@@ -46872,16 +45971,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>
@@ -46938,7 +46032,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"
@@ -46984,14 +46078,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>
@@ -47025,7 +46117,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"
@@ -47088,7 +46180,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
@@ -47142,14 +46233,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>
@@ -47166,7 +46255,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"
@@ -47212,7 +46301,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"
@@ -47259,7 +46348,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
@@ -47329,7 +46417,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -47370,7 +46458,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                     >
                       <legend
                         class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
+                        style="width:0.01px"
                       >
                         <span>
                           ​
@@ -47397,7 +46485,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
@@ -47431,7 +46518,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"
@@ -47509,7 +46596,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"
@@ -47591,7 +46678,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
@@ -47668,16 +46754,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>
@@ -47694,16 +46775,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>
@@ -47737,7 +46813,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
@@ -47823,7 +46898,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
@@ -47909,7 +46983,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
@@ -47995,7 +47068,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
@@ -48081,7 +47153,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
@@ -48167,7 +47238,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
@@ -48253,7 +47323,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
@@ -48339,7 +47408,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
@@ -48425,7 +47493,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
@@ -48511,7 +47578,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
@@ -48595,7 +47661,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"
@@ -48640,14 +47706,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>
@@ -48683,14 +47747,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>
@@ -48705,7 +47767,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"
@@ -48759,7 +47821,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
@@ -48774,14 +47835,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>
@@ -48793,7 +47852,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"
@@ -48855,7 +47914,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"
@@ -48901,14 +47960,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>
@@ -48945,14 +48002,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>
@@ -48967,7 +48022,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"
@@ -49022,7 +48077,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
@@ -49037,14 +48091,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>
@@ -49056,7 +48108,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"
@@ -49118,7 +48170,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"
@@ -49163,14 +48215,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>
@@ -49206,14 +48256,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>
@@ -49228,7 +48276,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"
@@ -49282,7 +48330,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
@@ -49297,14 +48344,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>
@@ -49316,7 +48361,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"
@@ -49378,7 +48423,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"
@@ -49423,14 +48468,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>
@@ -49466,14 +48509,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>
@@ -49488,7 +48529,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"
@@ -49542,7 +48583,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
@@ -49557,14 +48597,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>
@@ -49576,7 +48614,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"
@@ -49638,7 +48676,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"
@@ -49683,14 +48721,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>
@@ -49726,14 +48762,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>
@@ -49754,7 +48788,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"
@@ -49808,7 +48842,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
@@ -49823,14 +48856,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>
@@ -49842,7 +48873,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"
@@ -49904,7 +48935,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"
@@ -49949,14 +48980,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>
@@ -49992,14 +49021,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>
@@ -50014,7 +49041,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"
@@ -50052,7 +49079,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"
@@ -50109,7 +49136,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"
@@ -50154,14 +49181,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>
@@ -50197,14 +49222,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>
@@ -50219,7 +49242,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"
@@ -50262,7 +49285,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"
@@ -50308,14 +49331,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>
@@ -50352,14 +49373,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>
@@ -50374,7 +49393,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"
@@ -50417,7 +49436,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"
@@ -50462,14 +49481,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>
@@ -50505,14 +49522,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>
@@ -50533,7 +49548,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"
@@ -50576,7 +49591,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"
@@ -50630,7 +49645,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"
@@ -50717,7 +49732,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"
@@ -50783,7 +49798,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
@@ -50821,7 +49835,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
@@ -50859,7 +49872,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
@@ -50897,7 +49909,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
@@ -50935,7 +49946,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
@@ -50973,7 +49983,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
@@ -51011,7 +50020,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
@@ -51068,7 +50076,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"
@@ -51173,7 +50181,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -51218,14 +50226,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-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>
@@ -51258,7 +50264,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -51321,7 +50327,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -51375,14 +50380,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-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>
@@ -51399,7 +50402,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -51446,7 +50449,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -51516,7 +50518,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -51557,7 +50559,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -51584,7 +50586,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -51618,7 +50619,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -51679,7 +50680,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -51744,7 +50745,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -51820,16 +50820,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                                 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>
@@ -51846,16 +50841,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                                 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>
@@ -51889,7 +50879,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -51962,7 +50951,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -51995,7 +50983,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -52068,7 +51055,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -52101,7 +51087,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -52174,7 +51159,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -52207,7 +51191,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -52280,7 +51263,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -52299,7 +51281,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -52345,7 +51327,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
         <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"
@@ -52396,7 +51378,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -52458,7 +51439,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -52503,14 +51484,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-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>
@@ -52550,7 +51529,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -52613,7 +51592,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -52667,14 +51645,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-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>
@@ -52691,7 +51667,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -52738,7 +51714,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -52808,7 +51783,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -52849,7 +51824,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -52876,7 +51851,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -52910,7 +51884,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -52971,7 +51945,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53036,7 +52010,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53112,16 +52085,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                                 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>
@@ -53138,16 +52106,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                                 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>
@@ -53181,7 +52144,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53254,7 +52216,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53287,7 +52248,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53360,7 +52320,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53393,7 +52352,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53466,7 +52424,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53499,7 +52456,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -53572,7 +52528,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -53591,7 +52546,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53637,7 +52592,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
         <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"
@@ -53688,7 +52643,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -53755,7 +52709,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53801,14 +52755,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                   <fieldset
                     aria-hidden="true"
                     class="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>
@@ -53841,7 +52793,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -53899,7 +52851,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -53936,7 +52888,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -53973,7 +52925,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54045,7 +52997,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -54121,16 +53072,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                                 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>
@@ -54147,16 +53093,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                                 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>
@@ -54192,7 +53133,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <rect
@@ -54220,7 +53160,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -54273,7 +53212,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                             aria-hidden="true"
                             class="MuiSvgIcon-root-id MuiSvgIcon-colorPrimary-id"
                             focusable="false"
-                            role="presentation"
                             viewBox="0 0 24 24"
                           >
                             <path
@@ -54292,7 +53230,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54338,7 +53276,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
         <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"
@@ -54389,7 +53327,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -54451,7 +53388,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54497,14 +53434,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-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>
@@ -54537,7 +53472,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -54600,7 +53535,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -54654,14 +53588,12 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                   <fieldset
                     aria-hidden="true"
                     class="PrivateNotchedOutline-root-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>
@@ -54678,7 +53610,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -54725,7 +53657,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -54795,7 +53726,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -54836,7 +53767,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -54863,7 +53794,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                           aria-hidden="true"
                           class="MuiSvgIcon-root-id"
                           focusable="false"
-                          role="presentation"
                           viewBox="0 0 24 24"
                         >
                           <path
@@ -54897,7 +53827,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-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"
@@ -54958,7 +53888,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -55065,16 +53995,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                                 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>
@@ -55091,16 +54016,11 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                                 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>
@@ -55133,7 +54053,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
             class="CardSpacer-spacer-id"
           />
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -55179,7 +54099,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
         <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"
@@ -55230,7 +54150,6 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                         aria-hidden="true"
                         class="MuiSvgIcon-root-id ChannelsAvailabilityCard-arrow-id MuiSvgIcon-colorPrimary-id"
                         focusable="false"
-                        role="presentation"
                         viewBox="0 0 24 24"
                       >
                         <g
@@ -55300,7 +54219,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"
@@ -55316,7 +54235,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
@@ -55328,7 +54247,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
@@ -55405,7 +54324,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
@@ -55436,7 +54354,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
@@ -55510,22 +54427,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
@@ -55552,16 +54469,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>
@@ -55578,16 +54490,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>
@@ -55623,7 +54530,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
@@ -55693,7 +54599,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
@@ -55749,7 +54654,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
@@ -55805,7 +54709,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
@@ -55861,7 +54764,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
@@ -55917,7 +54819,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
@@ -55996,7 +54897,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"
@@ -56012,7 +54913,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
@@ -56024,7 +54925,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
@@ -56103,7 +55004,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
@@ -56134,7 +55034,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
@@ -56208,22 +55107,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
@@ -56250,16 +55149,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>
@@ -56277,16 +55171,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>
@@ -56323,7 +55212,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
@@ -56415,7 +55303,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"
@@ -56431,7 +55319,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
@@ -56443,7 +55331,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
@@ -56516,7 +55404,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
@@ -56590,22 +55477,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
@@ -56632,16 +55519,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>
@@ -56658,16 +55540,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>
@@ -56727,7 +55604,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"
@@ -56772,14 +55649,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>
@@ -56812,7 +55687,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"
@@ -56870,7 +55745,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
@@ -56908,7 +55782,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"
@@ -56954,7 +55828,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"
@@ -57015,7 +55889,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"
@@ -57075,7 +55949,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"
@@ -57126,7 +56000,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
@@ -57168,7 +56041,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
@@ -57210,7 +56082,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
@@ -57252,7 +56123,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
@@ -57294,7 +56164,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
@@ -57336,7 +56205,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
@@ -57378,7 +56246,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
@@ -57439,7 +56306,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"
@@ -57484,14 +56351,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>
@@ -57531,7 +56396,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"
@@ -57589,7 +56454,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
@@ -57627,7 +56491,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"
@@ -57673,7 +56537,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"
@@ -57734,7 +56598,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"
@@ -57794,7 +56658,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"
@@ -57845,7 +56709,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
@@ -57887,7 +56750,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
@@ -57929,7 +56791,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
@@ -57971,7 +56832,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
@@ -58013,7 +56873,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
@@ -58055,7 +56914,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
@@ -58097,7 +56955,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
@@ -58158,7 +57015,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"
@@ -58204,14 +57061,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>
@@ -58244,7 +57099,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"
@@ -58302,7 +57157,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
@@ -58340,7 +57194,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"
@@ -58386,7 +57240,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"
@@ -58447,7 +57301,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"
@@ -58507,7 +57361,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"
@@ -58558,7 +57412,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
@@ -58600,7 +57453,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
@@ -58642,7 +57494,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
@@ -58684,7 +57535,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
@@ -58726,7 +57576,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
@@ -58768,7 +57617,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
@@ -58810,7 +57658,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
@@ -58881,7 +57728,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-test-id="configurationMenuAttributes"
           data-testid="attributes"
@@ -58896,7 +57743,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
@@ -58922,7 +57768,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-test-id="configurationMenuProductTypes"
           data-testid="product types"
@@ -58937,7 +57783,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
@@ -58980,7 +57825,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-test-id="configurationMenuTaxes"
           data-testid="taxes"
@@ -58995,7 +57840,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
@@ -59038,7 +57882,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-test-id="configurationMenuStaff"
           data-testid="staff members"
@@ -59053,7 +57897,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
@@ -59079,7 +57922,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-test-id="configurationMenuPermissionGroups"
           data-testid="permission groups"
@@ -59094,7 +57937,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
@@ -59137,7 +57979,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-test-id="configurationMenuShipping"
           data-testid="shipping methods"
@@ -59152,7 +57994,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
@@ -59178,7 +58019,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-test-id="configurationMenuWarehouses"
           data-testid="warehouses"
@@ -59193,7 +58034,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
@@ -59236,7 +58076,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-test-id="configurationMenuPageTypes"
           data-testid="page types"
@@ -59251,7 +58091,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
@@ -59277,7 +58116,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-test-id="configurationMenuPages"
           data-testid="pages"
@@ -59292,7 +58131,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
@@ -59335,7 +58173,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-test-id="configurationMenuNavigation"
           data-testid="navigation"
@@ -59350,7 +58188,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
@@ -59376,7 +58213,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-test-id="configurationMenuSiteSettings"
           data-testid="site settings"
@@ -59391,7 +58228,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
@@ -59417,7 +58253,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-test-id="configurationPluginsPages"
           data-testid="plugins"
@@ -59433,7 +58269,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>
@@ -59506,7 +58341,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-test-id="configurationMenuAttributes"
           data-testid="attributes"
@@ -59521,7 +58356,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
@@ -59547,7 +58381,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-test-id="configurationMenuProductTypes"
           data-testid="product types"
@@ -59562,7 +58396,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
@@ -59605,7 +58438,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-test-id="configurationMenuWarehouses"
           data-testid="warehouses"
@@ -59620,7 +58453,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
@@ -59663,7 +58495,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-test-id="configurationMenuPageTypes"
           data-testid="page types"
@@ -59678,7 +58510,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
@@ -59704,7 +58535,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-test-id="configurationMenuPages"
           data-testid="pages"
@@ -59719,7 +58550,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
@@ -59790,7 +58620,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"
@@ -59818,7 +58648,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
@@ -59871,7 +58700,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"
@@ -59897,7 +58726,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
@@ -59995,7 +58823,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"
@@ -60028,7 +58856,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
@@ -60127,7 +58954,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"
@@ -60175,14 +59002,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>
@@ -60210,14 +59035,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>
@@ -60245,14 +59068,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>
@@ -60265,7 +59086,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"
@@ -60322,14 +59143,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>
@@ -60359,14 +59178,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>
@@ -60403,14 +59220,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>
@@ -60440,14 +59255,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>
@@ -60480,14 +59293,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>
@@ -60518,14 +59329,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>
@@ -60560,14 +59369,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>
@@ -60597,14 +59404,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>
@@ -60649,7 +59454,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
@@ -60664,14 +59468,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>
@@ -60702,14 +59504,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>
@@ -60723,7 +59523,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"
@@ -60782,14 +59582,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>
@@ -60834,7 +59632,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"
@@ -60882,14 +59680,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>
@@ -60917,14 +59713,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>
@@ -60952,14 +59746,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>
@@ -60977,7 +59769,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"
@@ -61034,14 +59826,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>
@@ -61076,14 +59866,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>
@@ -61125,14 +59913,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>
@@ -61167,14 +59953,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>
@@ -61212,14 +59996,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>
@@ -61255,14 +60037,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>
@@ -61302,14 +60082,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>
@@ -61344,14 +60122,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>
@@ -61401,7 +60177,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
@@ -61416,14 +60191,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>
@@ -61459,14 +60232,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>
@@ -61485,7 +60256,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"
@@ -61544,14 +60315,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>
@@ -61601,7 +60370,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"
@@ -61650,14 +60419,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>
@@ -61686,14 +60453,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>
@@ -61722,14 +60487,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>
@@ -61742,7 +60505,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"
@@ -61800,14 +60563,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>
@@ -61838,14 +60599,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>
@@ -61883,14 +60642,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>
@@ -61921,14 +60678,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>
@@ -61962,14 +60717,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>
@@ -62001,14 +60754,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>
@@ -62044,14 +60795,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>
@@ -62082,14 +60831,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>
@@ -62135,7 +60882,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
@@ -62150,14 +60896,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>
@@ -62189,14 +60933,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>
@@ -62210,7 +60952,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"
@@ -62270,14 +61012,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>
@@ -62322,7 +61062,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"
@@ -62371,7 +61111,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
@@ -62424,14 +61163,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>
@@ -62443,7 +61180,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"
@@ -62496,14 +61233,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>
@@ -62531,14 +61266,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>
@@ -62575,14 +61308,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>
@@ -62594,7 +61325,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"
@@ -62709,7 +61440,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"
@@ -62770,7 +61501,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"
@@ -62830,7 +61561,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"
@@ -62904,7 +61635,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"
@@ -63005,7 +61736,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"
@@ -63054,7 +61785,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
@@ -63107,14 +61837,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>
@@ -63126,7 +61854,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"
@@ -63179,14 +61907,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>
@@ -63214,14 +61940,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>
@@ -63258,14 +61982,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>
@@ -63277,7 +61999,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"
@@ -63392,7 +62114,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"
@@ -63453,7 +62175,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"
@@ -63513,7 +62235,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"
@@ -63627,7 +62349,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"
@@ -63728,7 +62450,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"
@@ -63777,7 +62499,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
@@ -63830,14 +62551,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>
@@ -63849,7 +62568,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"
@@ -63902,14 +62621,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>
@@ -63942,14 +62659,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>
@@ -63991,14 +62706,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>
@@ -64015,7 +62728,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"
@@ -64130,7 +62843,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"
@@ -64191,7 +62904,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"
@@ -64251,7 +62964,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"
@@ -64325,7 +63038,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"
@@ -64431,7 +63144,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"
@@ -64486,7 +63199,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
@@ -64535,14 +63247,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>
@@ -64554,7 +63264,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"
@@ -64608,14 +63318,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>
@@ -64644,14 +63352,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>
@@ -64689,14 +63395,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>
@@ -64708,7 +63412,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"
@@ -64829,7 +63533,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"
@@ -64866,7 +63570,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"
@@ -64902,7 +63606,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"
@@ -64954,7 +63658,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"
@@ -65043,7 +63747,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"
@@ -65092,7 +63796,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
@@ -65145,14 +63848,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>
@@ -65164,7 +63865,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"
@@ -65217,14 +63918,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>
@@ -65252,14 +63951,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>
@@ -65296,14 +63993,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>
@@ -65315,7 +64010,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"
@@ -65430,7 +64125,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"
@@ -65491,7 +64186,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"
@@ -65551,7 +64246,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"
@@ -65625,7 +64320,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"
@@ -65720,7 +64415,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"
@@ -65769,7 +64464,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
@@ -65822,14 +64516,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>
@@ -65841,7 +64533,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"
@@ -65894,14 +64586,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>
@@ -65929,14 +64619,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>
@@ -65973,14 +64661,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>
@@ -65992,7 +64678,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"
@@ -66107,7 +64793,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"
@@ -66168,7 +64854,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"
@@ -66228,7 +64914,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"
@@ -66302,7 +64988,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"
@@ -66397,7 +65083,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"
@@ -66446,7 +65132,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
@@ -66499,14 +65184,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>
@@ -66518,7 +65201,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"
@@ -66571,14 +65254,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>
@@ -66606,14 +65287,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>
@@ -66650,14 +65329,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>
@@ -66669,7 +65346,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"
@@ -66784,7 +65461,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"
@@ -66845,7 +65522,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"
@@ -66905,7 +65582,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"
@@ -66951,7 +65628,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"
@@ -67052,7 +65729,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"
@@ -67101,7 +65778,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
@@ -67154,14 +65830,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>
@@ -67173,7 +65847,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"
@@ -67226,14 +65900,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>
@@ -67261,14 +65933,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>
@@ -67305,14 +65975,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>
@@ -67324,7 +65992,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"
@@ -67439,7 +66107,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"
@@ -67500,7 +66168,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"
@@ -67560,7 +66228,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"
@@ -67634,7 +66302,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"
@@ -67735,7 +66403,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"
@@ -67784,7 +66452,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
@@ -67837,14 +66504,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>
@@ -67856,7 +66521,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"
@@ -67909,14 +66574,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>
@@ -67944,14 +66607,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>
@@ -67988,14 +66649,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>
@@ -68007,7 +66666,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"
@@ -68122,7 +66781,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"
@@ -68183,7 +66842,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"
@@ -68243,7 +66902,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"
@@ -68317,7 +66976,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"
@@ -68425,7 +67084,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"
@@ -68441,7 +67100,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
@@ -68453,7 +67112,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
@@ -68543,7 +67202,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
@@ -68574,7 +67232,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
@@ -68648,22 +67305,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
@@ -68690,16 +67347,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>
@@ -68716,16 +67368,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>
@@ -68759,7 +67406,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
@@ -68812,7 +67458,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
@@ -68865,7 +67510,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
@@ -68918,7 +67562,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
@@ -68971,7 +67614,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
@@ -69024,7 +67666,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
@@ -69077,7 +67718,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
@@ -69130,7 +67770,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
@@ -69183,7 +67822,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
@@ -69236,7 +67874,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
@@ -69289,7 +67926,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
@@ -69342,7 +67978,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
@@ -69395,7 +68030,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
@@ -69448,7 +68082,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
@@ -69501,7 +68134,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
@@ -69554,7 +68186,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
@@ -69607,7 +68238,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
@@ -69660,7 +68290,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
@@ -69713,7 +68342,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
@@ -69766,7 +68394,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
@@ -69819,7 +68446,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
@@ -69872,7 +68498,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
@@ -69925,7 +68550,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
@@ -69978,7 +68602,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
@@ -70054,7 +68677,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"
@@ -70070,7 +68693,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
@@ -70082,7 +68705,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
@@ -70174,7 +68797,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
@@ -70205,7 +68827,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
@@ -70279,22 +68900,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
@@ -70321,16 +68942,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>
@@ -70348,16 +68964,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>
@@ -70393,7 +69004,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
@@ -70475,7 +69085,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"
@@ -70491,7 +69101,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
@@ -70503,7 +69113,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
@@ -70589,7 +69199,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
@@ -70663,22 +69272,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
@@ -70705,16 +69314,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>
@@ -70731,16 +69335,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>
@@ -70800,7 +69399,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"
@@ -70845,14 +69444,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>
@@ -70864,7 +69461,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"
@@ -70918,7 +69515,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
@@ -70929,7 +69525,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
@@ -70969,7 +69564,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
@@ -70980,7 +69574,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
@@ -71004,7 +69597,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"
@@ -71107,14 +69700,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>
@@ -71161,14 +69752,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>
@@ -71215,14 +69804,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>
@@ -71269,14 +69856,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>
@@ -71323,14 +69908,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>
@@ -71377,14 +69960,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>
@@ -71431,14 +70012,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>
@@ -71456,7 +70035,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"
@@ -71504,14 +70083,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>
@@ -71539,14 +70116,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>
@@ -71573,7 +70148,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
@@ -71598,7 +70172,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"
@@ -71780,7 +70354,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"
@@ -71825,14 +70399,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>
@@ -71849,7 +70421,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"
@@ -71903,7 +70475,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
@@ -71914,7 +70485,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
@@ -71954,7 +70524,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
@@ -71965,7 +70534,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
@@ -71989,7 +70557,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"
@@ -72092,14 +70660,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>
@@ -72146,14 +70712,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>
@@ -72200,14 +70764,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>
@@ -72254,14 +70816,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>
@@ -72308,14 +70868,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>
@@ -72362,14 +70920,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>
@@ -72416,14 +70972,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>
@@ -72441,7 +70995,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"
@@ -72489,14 +71043,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>
@@ -72529,14 +71081,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>
@@ -72568,7 +71118,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
@@ -72593,7 +71142,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"
@@ -72775,7 +71324,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"
@@ -72821,14 +71370,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>
@@ -72840,7 +71387,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"
@@ -72896,7 +71443,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
@@ -72907,7 +71453,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
@@ -72949,7 +71494,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
@@ -72960,7 +71504,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
@@ -72984,7 +71527,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"
@@ -73088,14 +71631,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>
@@ -73143,14 +71684,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>
@@ -73198,14 +71737,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>
@@ -73253,14 +71790,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>
@@ -73308,14 +71843,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>
@@ -73363,14 +71896,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>
@@ -73418,14 +71949,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>
@@ -73443,7 +71972,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"
@@ -73492,14 +72021,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>
@@ -73528,14 +72055,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>
@@ -73562,7 +72087,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
@@ -73587,7 +72111,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"
@@ -73769,7 +72293,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"
@@ -73814,14 +72338,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>
@@ -73833,7 +72355,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"
@@ -73888,7 +72410,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
@@ -73899,7 +72420,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
@@ -73938,7 +72458,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
@@ -73949,7 +72468,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
@@ -73973,7 +72491,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"
@@ -74076,14 +72594,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>
@@ -74130,14 +72646,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>
@@ -74184,14 +72698,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>
@@ -74238,14 +72750,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>
@@ -74292,14 +72802,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>
@@ -74346,14 +72854,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>
@@ -74400,14 +72906,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>
@@ -74448,7 +72952,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"
@@ -74524,7 +73028,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
@@ -74590,16 +73093,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>
@@ -74616,16 +73114,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>
@@ -74659,7 +73152,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
@@ -74699,7 +73191,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
@@ -74718,7 +73209,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"
@@ -74766,14 +73257,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>
@@ -74801,14 +73290,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>
@@ -74835,7 +73322,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
@@ -74860,7 +73346,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"
@@ -74944,7 +73430,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"
@@ -75126,7 +73612,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"
@@ -75171,14 +73657,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>
@@ -75190,7 +73674,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"
@@ -75245,7 +73729,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
@@ -75256,7 +73739,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
@@ -75295,7 +73777,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
@@ -75306,7 +73787,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
@@ -75330,7 +73810,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"
@@ -75433,14 +73913,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>
@@ -75487,14 +73965,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>
@@ -75541,14 +74017,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>
@@ -75595,14 +74069,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>
@@ -75649,14 +74121,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>
@@ -75703,14 +74173,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>
@@ -75757,14 +74225,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>
@@ -75805,7 +74271,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"
@@ -75881,7 +74347,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
@@ -75947,16 +74412,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>
@@ -75973,16 +74433,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>
@@ -76016,7 +74471,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
@@ -76056,7 +74510,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
@@ -76075,7 +74528,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"
@@ -76123,14 +74576,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>
@@ -76158,14 +74609,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>
@@ -76192,7 +74641,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
@@ -76217,7 +74665,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"
@@ -76301,7 +74749,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"
@@ -76483,7 +74931,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"
@@ -76528,14 +74976,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>
@@ -76552,7 +74998,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"
@@ -76607,7 +75053,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
@@ -76618,7 +75063,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
@@ -76657,7 +75101,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
@@ -76668,7 +75111,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
@@ -76692,7 +75134,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"
@@ -76795,14 +75237,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>
@@ -76849,14 +75289,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>
@@ -76903,14 +75341,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>
@@ -76957,14 +75393,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>
@@ -77011,14 +75445,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>
@@ -77065,14 +75497,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>
@@ -77119,14 +75549,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>
@@ -77167,7 +75595,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"
@@ -77243,7 +75671,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
@@ -77309,16 +75736,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>
@@ -77335,16 +75757,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>
@@ -77378,7 +75795,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
@@ -77418,7 +75834,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
@@ -77437,7 +75852,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"
@@ -77485,14 +75900,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>
@@ -77525,14 +75938,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>
@@ -77564,7 +75975,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
@@ -77589,7 +75999,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"
@@ -77673,7 +76083,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"
@@ -77860,7 +76270,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"
@@ -77906,14 +76316,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>
@@ -77925,7 +76333,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"
@@ -77981,7 +76389,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
@@ -77992,7 +76399,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
@@ -78034,7 +76440,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
@@ -78045,7 +76450,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
@@ -78069,7 +76473,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"
@@ -78173,14 +76577,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>
@@ -78228,14 +76630,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>
@@ -78283,14 +76683,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>
@@ -78338,14 +76736,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>
@@ -78393,14 +76789,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>
@@ -78448,14 +76842,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>
@@ -78503,14 +76895,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>
@@ -78551,7 +76941,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"
@@ -78629,7 +77019,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
@@ -78695,16 +77084,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>
@@ -78722,16 +77106,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>
@@ -78767,7 +77146,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
@@ -78816,7 +77194,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
@@ -78835,7 +77212,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"
@@ -78884,14 +77261,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>
@@ -78920,14 +77295,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>
@@ -78954,7 +77327,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
@@ -78979,7 +77351,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"
@@ -79079,7 +77451,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"
@@ -79261,7 +77633,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"
@@ -79306,14 +77678,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>
@@ -79325,7 +77695,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"
@@ -79380,7 +77750,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
@@ -79391,7 +77760,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
@@ -79430,7 +77798,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
@@ -79441,7 +77808,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
@@ -79465,7 +77831,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"
@@ -79568,14 +77934,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>
@@ -79622,14 +77986,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>
@@ -79676,14 +78038,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>
@@ -79730,14 +78090,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>
@@ -79784,14 +78142,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>
@@ -79838,14 +78194,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>
@@ -79892,14 +78246,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>
@@ -79940,7 +78292,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"
@@ -80020,7 +78372,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
@@ -80096,16 +78447,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>
@@ -80122,16 +78468,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>
@@ -80165,7 +78506,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
@@ -80238,7 +78578,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
@@ -80271,7 +78610,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
@@ -80344,7 +78682,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
@@ -80377,7 +78714,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
@@ -80450,7 +78786,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
@@ -80483,7 +78818,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
@@ -80556,7 +78890,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
@@ -80575,7 +78908,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"
@@ -80623,14 +78956,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>
@@ -80658,14 +78989,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>
@@ -80692,7 +79021,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
@@ -80717,7 +79045,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"
@@ -80801,7 +79129,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"
@@ -80991,7 +79319,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"
@@ -81007,7 +79335,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
@@ -81019,7 +79347,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
@@ -81109,7 +79437,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
@@ -81140,7 +79467,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
@@ -81228,22 +79554,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
@@ -81270,16 +79596,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>
@@ -81296,16 +79617,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>
@@ -81339,7 +79655,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
@@ -81403,7 +79718,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
@@ -81467,7 +79781,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
@@ -81531,7 +79844,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
@@ -81595,7 +79907,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
@@ -81683,7 +79994,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"
@@ -81699,7 +80010,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
@@ -81711,7 +80022,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
@@ -81801,7 +80112,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
@@ -81832,7 +80142,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
@@ -81920,22 +80229,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
@@ -81962,16 +80271,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>
@@ -81988,16 +80292,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>
@@ -82031,7 +80330,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
@@ -82129,7 +80427,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"
@@ -82145,7 +80443,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
@@ -82157,7 +80455,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
@@ -82247,7 +80545,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
@@ -82278,7 +80575,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
@@ -82366,22 +80662,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
@@ -82408,16 +80704,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>
@@ -82434,16 +80725,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>
@@ -82477,7 +80763,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
@@ -82541,7 +80826,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
@@ -82605,7 +80889,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
@@ -82669,7 +80952,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
@@ -82733,7 +81015,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
@@ -82821,7 +81102,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"
@@ -82837,7 +81118,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
@@ -82849,7 +81130,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
@@ -82935,7 +81216,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
@@ -83023,22 +81303,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
@@ -83065,16 +81345,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>
@@ -83091,16 +81366,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>
@@ -83160,7 +81430,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"
@@ -83218,14 +81488,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>
@@ -83237,7 +81505,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"
@@ -83295,7 +81563,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
@@ -83306,7 +81573,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
@@ -83345,7 +81611,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
@@ -83356,7 +81621,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
@@ -83395,7 +81659,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
@@ -83406,7 +81669,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
@@ -83431,7 +81693,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"
@@ -83542,14 +81804,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>
@@ -83604,14 +81864,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>
@@ -83666,14 +81924,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>
@@ -83728,14 +81984,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>
@@ -83790,14 +82044,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>
@@ -83852,14 +82104,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>
@@ -83914,14 +82164,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>
@@ -83959,7 +82207,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
@@ -83990,7 +82237,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"
@@ -84045,7 +82292,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
@@ -84056,7 +82302,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
@@ -84095,7 +82340,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
@@ -84106,7 +82350,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
@@ -84145,7 +82388,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
@@ -84156,7 +82398,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
@@ -84180,7 +82421,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"
@@ -84223,7 +82464,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
@@ -84263,7 +82503,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
@@ -84289,7 +82528,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"
@@ -84337,14 +82576,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>
@@ -84372,14 +82609,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>
@@ -84406,7 +82641,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
@@ -84431,7 +82665,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"
@@ -84613,7 +82847,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"
@@ -84671,14 +82905,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>
@@ -84695,7 +82927,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"
@@ -84753,7 +82985,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
@@ -84764,7 +82995,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
@@ -84803,7 +83033,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
@@ -84814,7 +83043,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
@@ -84853,7 +83081,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
@@ -84864,7 +83091,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
@@ -84894,7 +83120,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"
@@ -85005,14 +83231,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>
@@ -85067,14 +83291,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>
@@ -85129,14 +83351,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>
@@ -85191,14 +83411,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>
@@ -85253,14 +83471,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>
@@ -85315,14 +83531,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>
@@ -85377,14 +83591,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>
@@ -85422,7 +83634,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
@@ -85453,7 +83664,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"
@@ -85508,7 +83719,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
@@ -85519,7 +83729,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
@@ -85558,7 +83767,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
@@ -85569,7 +83777,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
@@ -85608,7 +83815,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
@@ -85619,7 +83825,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
@@ -85643,7 +83848,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"
@@ -85686,7 +83891,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
@@ -85726,7 +83930,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
@@ -85752,7 +83955,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"
@@ -85800,14 +84003,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>
@@ -85840,14 +84041,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>
@@ -85879,7 +84078,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
@@ -85904,7 +84102,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"
@@ -86086,7 +84284,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"
@@ -86132,14 +84330,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>
@@ -86151,7 +84347,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"
@@ -86209,7 +84405,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
@@ -86220,7 +84415,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
@@ -86259,7 +84453,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
@@ -86270,7 +84463,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
@@ -86309,7 +84501,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
@@ -86320,7 +84511,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
@@ -86345,7 +84535,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"
@@ -86456,14 +84646,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>
@@ -86518,14 +84706,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>
@@ -86580,14 +84766,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>
@@ -86642,14 +84826,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>
@@ -86704,14 +84886,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>
@@ -86766,14 +84946,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>
@@ -86828,14 +85006,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>
@@ -86890,14 +85066,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>
@@ -86952,7 +85126,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
@@ -86963,7 +85136,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
@@ -87002,7 +85174,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
@@ -87013,7 +85184,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
@@ -87054,7 +85224,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
@@ -87091,7 +85260,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"
@@ -87145,7 +85314,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
@@ -87156,7 +85324,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
@@ -87196,7 +85363,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
@@ -87207,7 +85373,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
@@ -87246,7 +85411,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
@@ -87257,7 +85421,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
@@ -87358,14 +85521,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>
@@ -87412,14 +85573,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>
@@ -87466,14 +85625,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>
@@ -87520,14 +85677,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>
@@ -87574,14 +85729,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>
@@ -87628,14 +85781,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>
@@ -87682,14 +85833,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,14 +85885,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>
@@ -87761,7 +85908,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"
@@ -87804,7 +85951,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
@@ -87844,7 +85990,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
@@ -87870,7 +86015,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"
@@ -87918,14 +86063,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>
@@ -87953,14 +86096,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>
@@ -87987,7 +86128,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
@@ -88012,7 +86152,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"
@@ -88141,7 +86281,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"
@@ -88339,7 +86479,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"
@@ -88385,14 +86525,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>
@@ -88409,7 +86547,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"
@@ -88467,7 +86605,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
@@ -88478,7 +86615,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
@@ -88517,7 +86653,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
@@ -88528,7 +86663,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
@@ -88567,7 +86701,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
@@ -88578,7 +86711,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
@@ -88608,7 +86740,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"
@@ -88719,14 +86851,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>
@@ -88781,14 +86911,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>
@@ -88843,14 +86971,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>
@@ -88905,14 +87031,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>
@@ -88967,14 +87091,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>
@@ -89029,14 +87151,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>
@@ -89091,14 +87211,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>
@@ -89153,14 +87271,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>
@@ -89215,7 +87331,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
@@ -89226,7 +87341,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
@@ -89265,7 +87379,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
@@ -89276,7 +87389,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
@@ -89322,7 +87434,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
@@ -89359,7 +87470,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"
@@ -89413,7 +87524,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
@@ -89424,7 +87534,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
@@ -89464,7 +87573,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
@@ -89475,7 +87583,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
@@ -89514,7 +87621,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
@@ -89525,7 +87631,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
@@ -89626,14 +87731,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>
@@ -89680,14 +87783,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>
@@ -89734,14 +87835,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>
@@ -89788,14 +87887,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>
@@ -89842,14 +87939,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>
@@ -89896,14 +87991,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>
@@ -89950,14 +88043,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,14 +88095,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>
@@ -90029,7 +88118,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"
@@ -90072,7 +88161,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
@@ -90112,7 +88200,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
@@ -90138,7 +88225,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"
@@ -90186,14 +88273,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>
@@ -90226,14 +88311,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>
@@ -90265,7 +88348,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
@@ -90290,7 +88372,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"
@@ -90419,7 +88501,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"
@@ -90622,7 +88704,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"
@@ -90668,14 +88750,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>
@@ -90687,7 +88767,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"
@@ -90747,7 +88827,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
@@ -90758,7 +88837,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
@@ -90799,7 +88877,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
@@ -90810,7 +88887,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
@@ -90851,7 +88927,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
@@ -90862,7 +88937,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
@@ -90887,7 +88961,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"
@@ -90999,14 +89073,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>
@@ -91062,14 +89134,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>
@@ -91125,14 +89195,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>
@@ -91188,14 +89256,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>
@@ -91251,14 +89317,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>
@@ -91314,14 +89378,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>
@@ -91377,14 +89439,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>
@@ -91440,14 +89500,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>
@@ -91504,7 +89562,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
@@ -91515,7 +89572,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
@@ -91556,7 +89612,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
@@ -91567,7 +89622,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
@@ -91610,7 +89664,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
@@ -91647,7 +89700,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"
@@ -91704,7 +89757,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
@@ -91715,7 +89767,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
@@ -91756,7 +89807,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
@@ -91767,7 +89817,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
@@ -91808,7 +89857,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
@@ -91819,7 +89867,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
@@ -91843,7 +89890,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"
@@ -91886,7 +89933,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
@@ -91926,7 +89972,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
@@ -91952,7 +89997,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"
@@ -92001,14 +90046,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>
@@ -92037,14 +90080,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>
@@ -92071,7 +90112,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
@@ -92096,7 +90136,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"
@@ -92253,7 +90293,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"
@@ -92459,7 +90499,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"
@@ -92475,7 +90515,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
@@ -92487,7 +90527,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
@@ -92577,7 +90617,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
@@ -92608,7 +90647,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
@@ -92724,22 +90762,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
@@ -92766,16 +90804,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>
@@ -92792,16 +90825,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>
@@ -92835,7 +90863,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
@@ -92909,7 +90936,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
@@ -93007,7 +91033,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"
@@ -93023,7 +91049,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
@@ -93035,7 +91061,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
@@ -93125,7 +91151,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
@@ -93156,7 +91181,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
@@ -93272,22 +91296,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
@@ -93314,16 +91338,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>
@@ -93340,16 +91359,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>
@@ -93383,7 +91397,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
@@ -93499,7 +91512,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"
@@ -93515,7 +91528,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
@@ -93527,7 +91540,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
@@ -93617,7 +91630,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
@@ -93648,7 +91660,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
@@ -93764,22 +91775,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
@@ -93806,16 +91817,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>
@@ -93832,16 +91838,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>
@@ -93875,7 +91876,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
@@ -93949,7 +91949,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
@@ -94047,7 +92046,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"
@@ -94063,7 +92062,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
@@ -94075,7 +92074,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
@@ -94161,7 +92160,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
@@ -94277,22 +92275,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
@@ -94319,16 +92317,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>
@@ -94345,16 +92338,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>
@@ -94475,7 +92463,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"
@@ -94505,7 +92493,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
@@ -94519,7 +92506,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"
@@ -94549,7 +92536,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
@@ -94564,7 +92550,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"
@@ -94598,7 +92584,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 +92612,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -94656,7 +92640,6 @@ exports[`Storyshots Views / HomePage default 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -94673,7 +92656,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
@@ -94773,7 +92756,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
@@ -94809,7 +92792,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=""
@@ -94833,7 +92816,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=""
@@ -94857,7 +92840,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=""
@@ -94881,7 +92864,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=""
@@ -94905,7 +92888,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=""
@@ -94929,7 +92912,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=""
@@ -94953,7 +92936,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=""
@@ -94977,7 +92960,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=""
@@ -95001,7 +92984,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=""
@@ -95025,7 +93008,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=""
@@ -95049,7 +93032,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=""
@@ -95073,7 +93056,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=""
@@ -95097,7 +93080,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=""
@@ -95121,7 +93104,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=""
@@ -95187,7 +93170,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"
@@ -95222,7 +93205,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
@@ -95236,7 +93218,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"
@@ -95271,7 +93253,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
@@ -95286,7 +93267,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"
@@ -95317,7 +93298,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 +93326,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95375,7 +93354,6 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                       aria-hidden="true"
                       class="MuiSvgIcon-root-id"
                       focusable="false"
-                      role="presentation"
                       viewBox="0 0 24 24"
                     >
                       <path
@@ -95433,7 +93411,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"
@@ -95463,7 +93441,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
@@ -95477,7 +93454,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"
@@ -95507,7 +93484,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
@@ -95522,7 +93498,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"
@@ -95556,7 +93532,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 +93560,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
@@ -95614,7 +93588,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
@@ -95631,7 +93604,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
@@ -95694,7 +93667,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
@@ -95772,7 +93745,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"
@@ -95832,7 +93805,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"
@@ -95862,7 +93835,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
@@ -95876,7 +93848,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"
@@ -95906,7 +93878,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
@@ -95921,7 +93892,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"
@@ -95955,7 +93926,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
@@ -95984,7 +93954,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
@@ -96003,7 +93972,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
@@ -96039,7 +94008,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=""
@@ -96063,7 +94032,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=""
@@ -96087,7 +94056,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=""
@@ -96111,7 +94080,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=""
@@ -96135,7 +94104,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=""
@@ -96159,7 +94128,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=""
@@ -96183,7 +94152,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=""
@@ -96207,7 +94176,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=""
@@ -96231,7 +94200,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=""
@@ -96255,7 +94224,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=""
@@ -96279,7 +94248,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=""
@@ -96303,7 +94272,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=""
@@ -96327,7 +94296,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=""
@@ -96351,7 +94320,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=""
@@ -96404,7 +94373,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"
@@ -96435,7 +94404,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
@@ -96483,7 +94451,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"
@@ -96528,14 +94496,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>
@@ -96547,7 +94513,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"
@@ -96604,14 +94570,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
@@ -96672,7 +94637,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
@@ -96693,7 +94657,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
@@ -96727,14 +94690,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
@@ -96795,7 +94757,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
@@ -96816,7 +94777,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
@@ -96850,14 +94810,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
@@ -96918,7 +94877,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
@@ -96939,7 +94897,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
@@ -96969,14 +94926,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
@@ -97037,7 +94993,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
@@ -97058,7 +95013,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
@@ -97088,14 +95042,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
@@ -97156,7 +95109,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
@@ -97177,7 +95129,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
@@ -97240,7 +95191,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"
@@ -97285,14 +95236,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>
@@ -97309,7 +95258,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"
@@ -97366,14 +95315,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
@@ -97434,7 +95382,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
@@ -97455,7 +95402,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
@@ -97489,14 +95435,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
@@ -97557,7 +95502,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
@@ -97578,7 +95522,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
@@ -97612,14 +95555,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
@@ -97680,7 +95622,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
@@ -97701,7 +95642,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
@@ -97731,14 +95671,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
@@ -97799,7 +95738,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
@@ -97820,7 +95758,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
@@ -97850,14 +95787,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
@@ -97918,7 +95854,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
@@ -97939,7 +95874,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
@@ -98002,7 +95936,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"
@@ -98048,14 +95982,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>
@@ -98067,7 +95999,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"
@@ -98158,7 +96090,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"
@@ -98203,14 +96135,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>
@@ -98222,7 +96152,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"
@@ -98264,7 +96194,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"
@@ -98335,7 +96265,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"
@@ -98369,7 +96299,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
@@ -98400,7 +96329,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
@@ -98464,22 +96392,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
@@ -98506,16 +96434,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>
@@ -98532,16 +96455,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>
@@ -98575,7 +96493,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
@@ -98615,7 +96532,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
@@ -98648,7 +96564,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
@@ -98688,7 +96603,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
@@ -98744,7 +96658,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"
@@ -98780,7 +96694,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
@@ -98811,7 +96724,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
@@ -98875,22 +96787,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
@@ -98917,16 +96829,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>
@@ -98944,16 +96851,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>
@@ -98989,7 +96891,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
@@ -99038,7 +96939,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
@@ -99094,7 +96994,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"
@@ -99124,7 +97024,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
@@ -99188,22 +97087,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
@@ -99230,16 +97129,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>
@@ -99256,16 +97150,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>
@@ -99382,7 +97271,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"
@@ -99398,7 +97287,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
@@ -99410,7 +97299,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
@@ -99500,7 +97389,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
@@ -99531,7 +97419,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
@@ -99619,22 +97506,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
@@ -99661,16 +97548,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>
@@ -99687,16 +97569,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>
@@ -99731,7 +97608,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
@@ -99796,7 +97672,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
@@ -99861,7 +97736,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
@@ -99926,7 +97800,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
@@ -99991,7 +97864,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
@@ -100056,7 +97928,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
@@ -100121,7 +97992,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
@@ -100186,7 +98056,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
@@ -100251,7 +98120,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
@@ -100316,7 +98184,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
@@ -100381,7 +98248,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
@@ -100446,7 +98312,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
@@ -100511,7 +98376,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
@@ -100576,7 +98440,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
@@ -100641,7 +98504,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
@@ -100706,7 +98568,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
@@ -100771,7 +98632,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
@@ -100836,7 +98696,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
@@ -100901,7 +98760,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
@@ -100966,7 +98824,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
@@ -101054,7 +98911,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"
@@ -101070,7 +98927,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
@@ -101082,7 +98939,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
@@ -101174,7 +99031,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
@@ -101205,7 +99061,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
@@ -101293,22 +99148,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
@@ -101335,16 +99190,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>
@@ -101362,16 +99212,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>
@@ -101408,7 +99253,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
@@ -101505,7 +99349,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"
@@ -101521,7 +99365,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
@@ -101533,7 +99377,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
@@ -101619,7 +99463,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
@@ -101707,22 +99550,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
@@ -101749,16 +99592,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>
@@ -101775,16 +99613,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>
@@ -101840,7 +99673,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"
@@ -101978,7 +99811,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102013,7 +99846,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102048,7 +99881,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102083,7 +99916,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102173,7 +100006,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102213,7 +100046,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102253,7 +100086,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102338,7 +100171,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102383,7 +100216,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102436,7 +100269,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
@@ -102494,7 +100326,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"
@@ -102632,7 +100464,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102667,7 +100499,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102702,7 +100534,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102737,7 +100569,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102827,7 +100659,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102867,7 +100699,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102907,7 +100739,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -102992,7 +100824,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103037,7 +100869,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103090,7 +100922,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
@@ -103148,7 +100979,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"
@@ -103219,7 +101050,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
@@ -103285,7 +101115,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
@@ -103343,7 +101172,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"
@@ -103463,7 +101292,7 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103598,7 +101427,7 @@ exports[`Storyshots Views / Orders / Fulfill order one warehouse 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -103646,7 +101475,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
@@ -103733,7 +101561,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
@@ -103766,7 +101593,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"
@@ -103893,7 +101720,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"
@@ -104022,7 +101849,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"
@@ -104182,7 +102009,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"
@@ -104328,7 +102155,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"
@@ -104375,7 +102202,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
@@ -104445,7 +102271,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -104486,7 +102312,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -104513,7 +102339,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
@@ -104547,7 +102372,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"
@@ -104632,7 +102457,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
@@ -104819,7 +102643,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"
@@ -104854,7 +102678,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"
@@ -104874,7 +102698,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"
@@ -104928,7 +102752,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
@@ -105071,7 +102894,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"
@@ -105166,7 +102989,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-id="order-sales-channel"
           >
             <div
@@ -105201,7 +103024,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"
@@ -105283,7 +103106,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"
@@ -105375,7 +103198,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
@@ -105408,7 +103230,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"
@@ -105550,7 +103372,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"
@@ -105587,7 +103409,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
@@ -105720,7 +103541,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"
@@ -105757,7 +103578,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
@@ -105921,7 +103741,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"
@@ -106118,7 +103938,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"
@@ -106165,7 +103985,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
@@ -106235,7 +104054,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -106276,7 +104095,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -106303,7 +104122,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
@@ -106337,7 +104155,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"
@@ -106422,7 +104240,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
@@ -106609,7 +104426,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"
@@ -106644,7 +104461,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"
@@ -106664,7 +104481,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"
@@ -106718,7 +104535,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
@@ -106861,7 +104677,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"
@@ -106986,7 +104802,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-id="order-sales-channel"
           >
             <div
@@ -107021,7 +104837,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"
@@ -107103,7 +104919,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"
@@ -107195,7 +105011,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
@@ -107228,7 +105043,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"
@@ -107370,7 +105185,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"
@@ -107407,7 +105222,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
@@ -107540,7 +105354,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"
@@ -107577,7 +105391,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
@@ -107741,7 +105554,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"
@@ -107938,7 +105751,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"
@@ -107985,7 +105798,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
@@ -108055,7 +105867,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -108096,7 +105908,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -108123,7 +105935,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
@@ -108157,7 +105968,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"
@@ -108242,7 +106053,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
@@ -108429,7 +106239,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"
@@ -108464,7 +106274,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"
@@ -108484,7 +106294,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"
@@ -108538,7 +106348,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
@@ -108681,7 +106490,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"
@@ -108806,7 +106615,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-id="order-sales-channel"
           >
             <div
@@ -108841,7 +106650,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"
@@ -108923,7 +106732,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"
@@ -108996,7 +106805,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
@@ -109024,7 +106832,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"
@@ -109214,7 +107022,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"
@@ -109251,7 +107059,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"
@@ -109304,7 +107112,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"
@@ -109412,7 +107220,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-id="order-sales-channel"
           >
             <div
@@ -109447,7 +107255,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"
@@ -109493,7 +107301,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"
@@ -109585,7 +107393,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
@@ -109618,7 +107425,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"
@@ -109760,7 +107567,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"
@@ -109797,7 +107604,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
@@ -109930,7 +107736,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"
@@ -109967,7 +107773,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
@@ -110131,7 +107936,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"
@@ -110328,7 +108133,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"
@@ -110375,7 +108180,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
@@ -110445,7 +108249,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -110486,7 +108290,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -110513,7 +108317,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
@@ -110547,7 +108350,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"
@@ -110632,7 +108435,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
@@ -110819,7 +108621,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"
@@ -110854,7 +108656,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"
@@ -110874,7 +108676,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"
@@ -110928,7 +108730,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
@@ -111071,7 +108872,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"
@@ -111196,7 +108997,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-id="order-sales-channel"
           >
             <div
@@ -111231,7 +109032,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"
@@ -111313,7 +109114,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"
@@ -111405,7 +109206,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
@@ -111438,7 +109238,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"
@@ -111580,7 +109380,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"
@@ -111617,7 +109417,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
@@ -111750,7 +109549,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"
@@ -111787,7 +109586,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
@@ -111951,7 +109749,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"
@@ -112148,7 +109946,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"
@@ -112195,7 +109993,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
@@ -112265,7 +110062,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -112306,7 +110103,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -112333,7 +110130,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
@@ -112367,7 +110163,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"
@@ -112452,7 +110248,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
@@ -112639,7 +110434,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"
@@ -112674,7 +110469,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"
@@ -112694,7 +110489,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"
@@ -112748,7 +110543,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
@@ -112891,7 +110685,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"
@@ -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 MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
             data-test-id="order-sales-channel"
           >
             <div
@@ -113051,7 +110845,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"
@@ -113133,7 +110927,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"
@@ -113225,7 +111019,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
@@ -113258,7 +111051,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"
@@ -113400,7 +111193,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"
@@ -113437,7 +111230,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
@@ -113570,7 +111362,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"
@@ -113607,7 +111399,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
@@ -113771,7 +111562,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"
@@ -113968,7 +111759,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"
@@ -114015,7 +111806,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
@@ -114085,7 +111875,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -114126,7 +111916,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -114153,7 +111943,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
@@ -114187,7 +111976,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"
@@ -114272,7 +112061,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
@@ -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"
@@ -114494,7 +112282,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"
@@ -114514,7 +112302,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"
@@ -114568,7 +112356,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
@@ -114711,7 +112498,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"
@@ -114836,7 +112623,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-id="order-sales-channel"
           >
             <div
@@ -114871,7 +112658,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"
@@ -114953,7 +112740,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"
@@ -115045,7 +112832,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
@@ -115078,7 +112864,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"
@@ -115220,7 +113006,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"
@@ -115257,7 +113043,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
@@ -115390,7 +113175,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"
@@ -115427,7 +113212,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
@@ -115591,7 +113375,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"
@@ -115788,7 +113572,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"
@@ -115835,7 +113619,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
@@ -115905,7 +113688,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -115946,7 +113729,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -115973,7 +113756,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
@@ -116007,7 +113789,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"
@@ -116092,7 +113874,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
@@ -116279,7 +114060,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"
@@ -116314,7 +114095,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"
@@ -116334,7 +114115,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"
@@ -116388,7 +114169,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
@@ -116531,7 +114311,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"
@@ -116656,7 +114436,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-id="order-sales-channel"
           >
             <div
@@ -116691,7 +114471,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"
@@ -116773,7 +114553,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"
@@ -116865,7 +114645,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
@@ -116898,7 +114677,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"
@@ -117040,7 +114819,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"
@@ -117077,7 +114856,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
@@ -117210,7 +114988,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"
@@ -117247,7 +115025,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
@@ -117411,7 +115188,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"
@@ -117608,7 +115385,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"
@@ -117655,7 +115432,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
@@ -117725,7 +115501,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -117766,7 +115542,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -117793,7 +115569,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
@@ -117827,7 +115602,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"
@@ -117912,7 +115687,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
@@ -118099,7 +115873,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"
@@ -118134,7 +115908,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"
@@ -118154,7 +115928,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"
@@ -118208,7 +115982,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
@@ -118351,7 +116124,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"
@@ -118476,7 +116249,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-id="order-sales-channel"
           >
             <div
@@ -118511,7 +116284,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"
@@ -118593,7 +116366,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"
@@ -118685,7 +116458,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
@@ -118718,7 +116490,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"
@@ -118860,7 +116632,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"
@@ -118897,7 +116669,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
@@ -119030,7 +116801,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"
@@ -119067,7 +116838,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
@@ -119231,7 +117001,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"
@@ -119428,7 +117198,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"
@@ -119475,7 +117245,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
@@ -119545,7 +117314,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -119586,7 +117355,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -119613,7 +117382,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
@@ -119647,7 +117415,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"
@@ -119732,7 +117500,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
@@ -119919,7 +117686,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"
@@ -119954,7 +117721,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"
@@ -119974,7 +117741,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"
@@ -120028,7 +117795,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
@@ -120171,7 +117937,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"
@@ -120296,7 +118062,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-id="order-sales-channel"
           >
             <div
@@ -120331,7 +118097,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"
@@ -120413,7 +118179,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"
@@ -120505,7 +118271,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
@@ -120538,7 +118303,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"
@@ -120680,7 +118445,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"
@@ -120717,7 +118482,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
@@ -120850,7 +118614,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"
@@ -120887,7 +118651,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
@@ -121051,7 +118814,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"
@@ -121248,7 +119011,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"
@@ -121295,7 +119058,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
@@ -121365,7 +119127,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -121406,7 +119168,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -121433,7 +119195,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
@@ -121467,7 +119228,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"
@@ -121552,7 +119313,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
@@ -121739,7 +119499,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"
@@ -121774,7 +119534,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"
@@ -121794,7 +119554,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"
@@ -121848,7 +119608,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
@@ -121991,7 +119750,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"
@@ -122116,7 +119875,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-id="order-sales-channel"
           >
             <div
@@ -122151,7 +119910,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"
@@ -122233,7 +119992,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"
@@ -122325,7 +120084,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
@@ -122358,7 +120116,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"
@@ -122500,7 +120258,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"
@@ -122537,7 +120295,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
@@ -122670,7 +120427,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"
@@ -122707,7 +120464,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
@@ -122871,7 +120627,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"
@@ -123068,7 +120824,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"
@@ -123115,7 +120871,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
@@ -123185,7 +120940,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -123226,7 +120981,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -123253,7 +121008,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
@@ -123287,7 +121041,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"
@@ -123372,7 +121126,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
@@ -123559,7 +121312,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"
@@ -123594,7 +121347,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"
@@ -123614,7 +121367,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"
@@ -123668,7 +121421,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
@@ -123811,7 +121563,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"
@@ -123936,7 +121688,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-id="order-sales-channel"
           >
             <div
@@ -123971,7 +121723,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"
@@ -124053,7 +121805,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"
@@ -124145,7 +121897,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
@@ -124178,7 +121929,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"
@@ -124320,7 +122071,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"
@@ -124357,7 +122108,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
@@ -124490,7 +122240,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"
@@ -124527,7 +122277,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
@@ -124691,7 +122440,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"
@@ -124888,7 +122637,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"
@@ -124935,7 +122684,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
@@ -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>
                               ​
@@ -125046,7 +122794,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -125073,7 +122821,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
@@ -125107,7 +122854,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"
@@ -125192,7 +122939,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
@@ -125379,7 +123125,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"
@@ -125414,7 +123160,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"
@@ -125434,7 +123180,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"
@@ -125488,7 +123234,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
@@ -125631,7 +123376,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"
@@ -125756,7 +123501,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-id="order-sales-channel"
           >
             <div
@@ -125791,7 +123536,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"
@@ -125873,7 +123618,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"
@@ -125965,7 +123710,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
@@ -125998,7 +123742,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"
@@ -126140,7 +123884,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"
@@ -126177,7 +123921,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
@@ -126310,7 +124053,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"
@@ -126347,7 +124090,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
@@ -126511,7 +124253,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"
@@ -126708,7 +124450,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"
@@ -126755,7 +124497,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
@@ -126825,7 +124566,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -126866,7 +124607,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -126893,7 +124634,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
@@ -126927,7 +124667,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"
@@ -127012,7 +124752,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
@@ -127199,7 +124938,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"
@@ -127234,7 +124973,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"
@@ -127254,7 +124993,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"
@@ -127308,7 +125047,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
@@ -127451,7 +125189,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"
@@ -127576,7 +125314,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-id="order-sales-channel"
           >
             <div
@@ -127611,7 +125349,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"
@@ -127693,7 +125431,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"
@@ -127767,7 +125505,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
@@ -127800,7 +125537,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"
@@ -127940,7 +125677,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -127980,7 +125717,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
@@ -128049,7 +125785,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -128089,7 +125825,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
@@ -128199,7 +125934,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
@@ -128262,7 +125996,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"
@@ -128381,7 +126115,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"
@@ -128460,7 +126194,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
@@ -128488,7 +126221,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"
@@ -128554,7 +126287,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"
@@ -128675,7 +126408,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"
@@ -128749,7 +126482,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
@@ -128782,7 +126514,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"
@@ -128922,7 +126654,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -128962,7 +126694,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
@@ -129031,7 +126762,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
                           >
                             <legend
                               class="PrivateNotchedOutline-legend-id"
-                              style="width:0"
+                              style="width:0.01px"
                             >
                               <span>
                                 ​
@@ -129071,7 +126802,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
@@ -129181,7 +126911,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
@@ -129244,7 +126973,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"
@@ -129350,7 +127079,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"
@@ -129424,7 +127153,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
@@ -129457,7 +127185,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"
@@ -129542,7 +127270,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
@@ -129605,7 +127332,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"
@@ -129724,7 +127451,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"
@@ -129800,7 +127527,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
@@ -129826,7 +127552,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"
@@ -129842,7 +127568,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
@@ -129854,7 +127580,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
@@ -129938,7 +127664,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
@@ -130054,22 +127779,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
@@ -130096,16 +127821,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>
@@ -130122,16 +127842,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>
@@ -131170,7 +128885,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
@@ -131196,7 +128910,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"
@@ -131212,7 +128926,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
@@ -131224,7 +128938,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
@@ -131319,7 +129033,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
@@ -131435,22 +129148,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
@@ -131477,16 +129190,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>
@@ -131504,16 +129212,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>
@@ -131631,7 +129334,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
@@ -131657,7 +129359,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"
@@ -131673,7 +129375,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
@@ -131685,7 +129387,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
@@ -131769,7 +129471,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
@@ -131885,22 +129586,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
@@ -131927,16 +129628,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>
@@ -131953,16 +129649,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>
@@ -132028,7 +129719,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
@@ -132074,7 +129765,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
@@ -132148,7 +129838,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
@@ -132195,7 +129885,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
@@ -132258,7 +129947,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"
@@ -132315,7 +130004,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
@@ -132326,7 +130014,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
@@ -132367,7 +130054,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
@@ -132378,7 +130064,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
@@ -132401,7 +130086,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"
@@ -132454,7 +130139,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
@@ -132465,7 +130149,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
@@ -132501,7 +130184,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
@@ -132555,7 +130237,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
@@ -132566,7 +130247,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
@@ -132640,7 +130320,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"
@@ -132694,7 +130374,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
@@ -132705,7 +130384,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
@@ -132745,7 +130423,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
@@ -132756,7 +130433,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
@@ -132779,7 +130455,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"
@@ -132862,14 +130538,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>
@@ -132932,7 +130606,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"
@@ -132987,7 +130661,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
@@ -132998,7 +130671,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
@@ -133037,7 +130709,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
@@ -133048,7 +130719,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
@@ -133072,7 +130742,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"
@@ -133212,7 +130882,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133289,7 +130959,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133312,7 +130982,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"
@@ -133453,7 +131123,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133530,7 +131200,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133553,7 +131223,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"
@@ -133694,7 +131364,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133771,7 +131441,7 @@ exports[`Storyshots Views / Orders / Refund order products 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -133793,7 +131463,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"
@@ -133844,7 +131514,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
@@ -133855,7 +131524,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
@@ -133891,7 +131559,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
@@ -133984,7 +131651,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
@@ -133995,7 +131661,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
@@ -134080,7 +131745,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"
@@ -134125,14 +131790,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>
@@ -134151,7 +131814,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"
@@ -134212,7 +131875,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"
@@ -134317,7 +131980,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"
@@ -134362,14 +132025,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>
@@ -134393,7 +132054,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"
@@ -134454,7 +132115,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"
@@ -134559,7 +132220,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"
@@ -134605,14 +132266,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>
@@ -134631,7 +132290,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"
@@ -134692,7 +132351,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"
@@ -134797,7 +132456,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"
@@ -134842,14 +132501,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>
@@ -134873,7 +132530,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
@@ -134957,7 +132614,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
@@ -135005,7 +132661,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
@@ -135054,7 +132709,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
@@ -135096,7 +132750,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
@@ -135119,7 +132772,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
@@ -135168,7 +132820,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
@@ -135210,7 +132861,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
@@ -135233,7 +132883,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
@@ -135282,7 +132931,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
@@ -135324,7 +132972,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
@@ -135350,7 +132997,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"
@@ -135397,7 +133044,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
@@ -135467,7 +133113,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -135508,7 +133154,7 @@ exports[`Storyshots Views / Page types / Page type details default 1`] = `
                       >
                         <legend
                           class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
+                          style="width:0.01px"
                         >
                           <span>
                             ​
@@ -135535,7 +133181,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
@@ -135569,7 +133214,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"
@@ -135673,7 +133318,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"
@@ -135718,14 +133363,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>
@@ -135754,7 +133397,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
@@ -135838,7 +133481,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
@@ -135886,7 +133528,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
@@ -135935,7 +133576,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
@@ -135977,7 +133617,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
@@ -136000,7 +133639,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
@@ -136049,7 +133687,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
@@ -136091,7 +133728,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
@@ -136114,7 +133750,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
@@ -136163,7 +133798,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
@@ -136205,7 +133839,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
@@ -136231,7 +133864,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"
@@ -136278,7 +133911,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
@@ -136348,7 +133980,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>
                             ​
@@ -136389,7 +134021,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>
                             ​
@@ -136416,7 +134048,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
@@ -136450,7 +134081,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"
@@ -136559,7 +134190,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"
@@ -136605,14 +134236,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>
@@ -136636,7 +134265,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
@@ -136704,7 +134333,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
@@ -136755,7 +134383,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
@@ -136805,7 +134432,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
@@ -136831,7 +134457,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"
@@ -136868,7 +134494,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"
@@ -136948,7 +134574,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"
@@ -136993,14 +134619,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>
@@ -137024,7 +134648,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
@@ -137106,7 +134730,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"
@@ -137153,7 +134777,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
@@ -137223,7 +134846,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>
                             ​
@@ -137264,7 +134887,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>
                             ​
@@ -137291,7 +134914,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
@@ -137325,7 +134947,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"
@@ -137425,7 +135047,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"
@@ -137441,7 +135063,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
@@ -137453,7 +135075,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
@@ -137530,7 +135152,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
@@ -137561,7 +135182,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
@@ -137613,16 +135233,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>
@@ -137639,16 +135254,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>
@@ -137684,7 +135294,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
@@ -137733,7 +135342,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
@@ -137782,7 +135390,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
@@ -137852,7 +135459,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"
@@ -137868,7 +135475,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
@@ -137880,7 +135487,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
@@ -137959,7 +135566,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
@@ -137990,7 +135596,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
@@ -138042,16 +135647,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>
@@ -138069,16 +135669,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>
@@ -138115,7 +135710,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
@@ -138185,7 +135779,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"
@@ -138201,7 +135795,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
@@ -138213,7 +135807,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
@@ -138286,7 +135880,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
@@ -138338,16 +135931,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>
@@ -138364,16 +135952,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>
@@ -138433,7 +136016,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"
@@ -138478,14 +136061,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>
@@ -138518,7 +136099,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"
@@ -138564,7 +136145,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"
@@ -138612,7 +136193,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
@@ -138671,7 +136251,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
@@ -138686,14 +136265,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>
@@ -138751,7 +136328,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
@@ -138766,14 +136342,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>
@@ -138806,7 +136380,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
@@ -138826,7 +136399,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"
@@ -138873,7 +136446,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
@@ -138943,7 +136515,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -138984,7 +136556,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -139011,7 +136583,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
@@ -139045,7 +136616,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"
@@ -139108,7 +136679,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"
@@ -139162,7 +136733,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
@@ -139173,7 +136743,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
@@ -139217,7 +136786,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
@@ -139228,7 +136796,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
@@ -139264,7 +136831,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"
@@ -139336,7 +136903,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"
@@ -139381,14 +136948,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>
@@ -139428,7 +136993,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"
@@ -139474,7 +137039,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"
@@ -139522,7 +137087,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
@@ -139581,7 +137145,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
@@ -139596,14 +137159,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>
@@ -139661,7 +137222,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
@@ -139676,14 +137236,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>
@@ -139716,7 +137274,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
@@ -139736,7 +137293,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"
@@ -139783,7 +137340,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
@@ -139853,7 +137409,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -139894,7 +137450,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -139921,7 +137477,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
@@ -139955,7 +137510,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"
@@ -140018,7 +137573,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"
@@ -140072,7 +137627,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
@@ -140083,7 +137637,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
@@ -140127,7 +137680,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
@@ -140138,7 +137690,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
@@ -140180,7 +137731,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"
@@ -140257,7 +137808,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"
@@ -140303,14 +137854,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>
@@ -140343,7 +137892,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"
@@ -140392,7 +137941,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"
@@ -140429,7 +137978,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"
@@ -140468,7 +138017,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"
@@ -140524,7 +138073,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
@@ -140535,7 +138083,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
@@ -140581,7 +138128,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
@@ -140592,7 +138138,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
@@ -140628,7 +138173,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"
@@ -140682,7 +138227,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
@@ -140697,14 +138241,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>
@@ -140757,7 +138299,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"
@@ -140791,7 +138333,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
@@ -140822,7 +138363,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
@@ -140896,22 +138436,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
@@ -140938,16 +138478,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>
@@ -140964,16 +138499,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>
@@ -141007,7 +138537,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
@@ -141088,7 +138617,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
@@ -141169,7 +138697,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
@@ -141250,7 +138777,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
@@ -141354,7 +138880,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"
@@ -141390,7 +138916,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
@@ -141421,7 +138946,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
@@ -141495,22 +139019,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
@@ -141537,16 +139061,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>
@@ -141564,16 +139083,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>
@@ -141609,7 +139123,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
@@ -141721,7 +139234,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"
@@ -141751,7 +139264,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
@@ -141825,22 +139337,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
@@ -141867,16 +139379,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>
@@ -141893,16 +139400,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>
@@ -141945,7 +139447,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"
@@ -141990,14 +139492,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>
@@ -142008,7 +139508,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"
@@ -142062,7 +139562,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
@@ -142081,7 +139580,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>
@@ -142121,7 +139620,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
@@ -142141,7 +139639,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>
@@ -142174,7 +139672,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
@@ -142194,7 +139691,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>
@@ -142227,7 +139724,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
@@ -142247,7 +139743,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>
@@ -142280,7 +139776,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
@@ -142300,7 +139795,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>
@@ -142333,7 +139828,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
@@ -142353,7 +139847,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>
@@ -142386,7 +139880,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
@@ -142406,7 +139899,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>
@@ -142439,7 +139932,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
@@ -142459,7 +139951,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>
@@ -142492,7 +139984,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
@@ -142512,7 +140003,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>
@@ -142545,7 +140036,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
@@ -142565,7 +140055,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>
@@ -142598,7 +140088,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
@@ -142618,7 +140107,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>
@@ -142651,7 +140140,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
@@ -142671,7 +140159,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>
@@ -142704,7 +140192,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
@@ -142724,7 +140211,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>
@@ -142757,7 +140244,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
@@ -142777,7 +140263,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>
@@ -142806,7 +140292,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"
@@ -142851,14 +140337,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>
@@ -142874,7 +140358,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"
@@ -142928,7 +140412,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
@@ -142947,7 +140430,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>
@@ -142987,7 +140470,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
@@ -143007,7 +140489,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>
@@ -143040,7 +140522,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
@@ -143060,7 +140541,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>
@@ -143093,7 +140574,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
@@ -143113,7 +140593,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>
@@ -143146,7 +140626,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
@@ -143166,7 +140645,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>
@@ -143199,7 +140678,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
@@ -143219,7 +140697,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>
@@ -143252,7 +140730,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
@@ -143272,7 +140749,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>
@@ -143305,7 +140782,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
@@ -143325,7 +140801,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>
@@ -143358,7 +140834,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
@@ -143378,7 +140853,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>
@@ -143411,7 +140886,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
@@ -143431,7 +140905,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>
@@ -143464,7 +140938,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
@@ -143484,7 +140957,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>
@@ -143517,7 +140990,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
@@ -143537,7 +141009,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>
@@ -143570,7 +141042,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
@@ -143590,7 +141061,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>
@@ -143623,7 +141094,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
@@ -143643,7 +141113,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>
@@ -143672,7 +141142,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"
@@ -143718,14 +141188,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>
@@ -143736,7 +141204,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"
@@ -143792,7 +141260,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
@@ -143811,7 +141278,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>
@@ -143851,7 +141318,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
@@ -143871,7 +141337,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>
@@ -143904,7 +141370,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
@@ -143924,7 +141389,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>
@@ -143957,7 +141422,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
@@ -143977,7 +141441,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>
@@ -144010,7 +141474,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
@@ -144030,7 +141493,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>
@@ -144063,7 +141526,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
@@ -144083,7 +141545,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>
@@ -144116,7 +141578,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
@@ -144136,7 +141597,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>
@@ -144169,7 +141630,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
@@ -144189,7 +141649,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>
@@ -144222,7 +141682,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
@@ -144242,7 +141701,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>
@@ -144275,7 +141734,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
@@ -144295,7 +141753,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>
@@ -144328,7 +141786,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
@@ -144348,7 +141805,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>
@@ -144381,7 +141838,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
@@ -144401,7 +141857,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>
@@ -144434,7 +141890,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
@@ -144454,7 +141909,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>
@@ -144487,7 +141942,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
@@ -144507,7 +141961,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>
@@ -144571,7 +142025,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"
@@ -144616,14 +142070,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>
@@ -144635,7 +142087,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"
@@ -144699,7 +142151,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
@@ -144783,7 +142234,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
@@ -144840,7 +142290,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
@@ -144873,7 +142322,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
@@ -144930,7 +142378,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
@@ -144963,7 +142410,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
@@ -145020,7 +142466,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
@@ -145053,7 +142498,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
@@ -145110,7 +142554,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
@@ -145128,7 +142571,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"
@@ -145182,7 +142625,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
@@ -145201,7 +142643,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>
@@ -145241,7 +142683,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
@@ -145261,7 +142702,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>
@@ -145294,7 +142735,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
@@ -145314,7 +142754,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>
@@ -145347,7 +142787,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
@@ -145367,7 +142806,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>
@@ -145401,7 +142840,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
@@ -145426,7 +142864,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>
@@ -145459,7 +142897,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
@@ -145479,7 +142916,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>
@@ -145512,7 +142949,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
@@ -145532,7 +142968,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>
@@ -145565,7 +143001,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
@@ -145585,7 +143020,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>
@@ -145618,7 +143053,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
@@ -145638,7 +143072,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>
@@ -145671,7 +143105,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
@@ -145691,7 +143124,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>
@@ -145724,7 +143157,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
@@ -145744,7 +143176,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>
@@ -145777,7 +143209,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
@@ -145797,7 +143228,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>
@@ -145830,7 +143261,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
@@ -145850,7 +143280,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>
@@ -145883,7 +143313,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
@@ -145903,7 +143332,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>
@@ -145954,7 +143383,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"
@@ -146000,14 +143429,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>
@@ -146019,7 +143446,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"
@@ -146086,7 +143513,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
@@ -146172,7 +143598,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
@@ -146230,7 +143655,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
@@ -146265,7 +143689,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
@@ -146323,7 +143746,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
@@ -146358,7 +143780,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
@@ -146416,7 +143837,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
@@ -146451,7 +143871,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
@@ -146509,7 +143928,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
@@ -146527,7 +143945,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"
@@ -146583,7 +144001,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
@@ -146602,7 +144019,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>
@@ -146660,7 +144077,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"
@@ -146705,14 +144122,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>
@@ -146724,7 +144139,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"
@@ -146774,7 +144189,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"
@@ -146828,7 +144243,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
@@ -146847,7 +144261,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>
@@ -146887,7 +144301,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
@@ -146907,7 +144320,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>
@@ -146940,7 +144353,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
@@ -146960,7 +144372,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>
@@ -146993,7 +144405,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
@@ -147013,7 +144424,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>
@@ -147047,7 +144458,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
@@ -147072,7 +144482,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>
@@ -147105,7 +144515,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
@@ -147125,7 +144534,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>
@@ -147158,7 +144567,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
@@ -147178,7 +144586,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>
@@ -147211,7 +144619,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
@@ -147231,7 +144638,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>
@@ -147264,7 +144671,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
@@ -147284,7 +144690,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>
@@ -147317,7 +144723,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
@@ -147337,7 +144742,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>
@@ -147370,7 +144775,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
@@ -147390,7 +144794,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>
@@ -147423,7 +144827,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
@@ -147443,7 +144846,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>
@@ -147476,7 +144879,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
@@ -147496,7 +144898,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>
@@ -147529,7 +144931,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
@@ -147549,7 +144950,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>
@@ -147602,7 +145003,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"
@@ -147632,7 +145033,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
@@ -147704,16 +145104,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>
@@ -147730,16 +145125,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>
@@ -147789,7 +145179,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
@@ -147810,7 +145199,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
@@ -147859,7 +145247,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
@@ -147908,7 +145295,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
@@ -147929,7 +145315,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
@@ -147978,7 +145363,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
@@ -147999,7 +145383,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
@@ -148048,7 +145431,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
@@ -148069,7 +145451,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
@@ -148125,7 +145506,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"
@@ -148155,7 +145536,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
@@ -148227,16 +145607,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>
@@ -148254,16 +145629,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>
@@ -148352,7 +145722,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"
@@ -148382,7 +145752,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
@@ -148454,16 +145823,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>
@@ -148481,16 +145845,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>
@@ -148603,7 +145962,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"
@@ -148678,7 +146037,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
@@ -148717,7 +146075,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"
@@ -148765,14 +146123,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>
@@ -148809,14 +146165,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>
@@ -148876,7 +146230,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
@@ -148890,7 +146243,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"
@@ -149067,7 +146420,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"
@@ -149142,7 +146495,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
@@ -149186,7 +146538,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"
@@ -149234,14 +146586,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>
@@ -149278,14 +146628,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>
@@ -149345,7 +146693,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
@@ -149359,7 +146706,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"
@@ -149536,7 +146883,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"
@@ -149598,7 +146945,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
@@ -149667,7 +147013,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"
@@ -149742,7 +147088,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
@@ -149800,7 +147145,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"
@@ -149816,7 +147161,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
@@ -149828,7 +147173,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
@@ -149912,7 +147257,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
@@ -149978,22 +147322,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
@@ -150020,16 +147364,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>
@@ -150046,16 +147385,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>
@@ -150092,7 +147426,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 +147460,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
@@ -150170,7 +147502,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"
@@ -150186,7 +147518,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
@@ -150198,7 +147530,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
@@ -150282,7 +147614,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
@@ -150348,22 +147679,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
@@ -150390,16 +147721,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>
@@ -150417,16 +147743,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>
@@ -150467,7 +147788,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
@@ -150510,7 +147830,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"
@@ -150526,7 +147846,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
@@ -150538,7 +147858,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
@@ -150622,7 +147942,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
@@ -150688,22 +148007,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
@@ -150730,16 +148049,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>
@@ -150756,16 +148070,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>
@@ -150825,7 +148134,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"
@@ -150870,14 +148179,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>
@@ -150889,7 +148196,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"
@@ -150942,7 +148249,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
@@ -150957,14 +148263,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>
@@ -150977,7 +148281,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"
@@ -151038,7 +148342,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"
@@ -151098,7 +148402,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"
@@ -151141,7 +148445,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
@@ -151200,7 +148503,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"
@@ -151245,14 +148548,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>
@@ -151269,7 +148570,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"
@@ -151322,7 +148623,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
@@ -151337,14 +148637,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>
@@ -151357,7 +148655,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"
@@ -151418,7 +148716,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"
@@ -151478,7 +148776,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"
@@ -151521,7 +148819,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
@@ -151585,7 +148882,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"
@@ -151631,14 +148928,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>
@@ -151650,7 +148945,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"
@@ -151704,7 +148999,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
@@ -151719,14 +149013,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>
@@ -151739,7 +149031,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"
@@ -151800,7 +149092,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"
@@ -151860,7 +149152,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"
@@ -151905,7 +149197,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
@@ -151964,7 +149255,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"
@@ -152009,14 +149300,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>
@@ -152028,7 +149317,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"
@@ -152081,7 +149370,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
@@ -152096,14 +149384,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>
@@ -152116,7 +149402,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
@@ -152200,7 +149486,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
@@ -152248,7 +149533,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
@@ -152297,7 +149581,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
@@ -152339,7 +149622,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
@@ -152362,7 +149644,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
@@ -152411,7 +149692,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
@@ -152453,7 +149733,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
@@ -152476,7 +149755,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
@@ -152525,7 +149803,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
@@ -152567,7 +149844,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
@@ -152629,7 +149905,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"
@@ -152676,7 +149952,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
@@ -152746,7 +150021,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -152787,7 +150062,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -152814,7 +150089,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
@@ -152848,7 +150122,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"
@@ -152908,7 +150182,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"
@@ -152951,7 +150225,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
@@ -153010,7 +150283,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"
@@ -153055,14 +150328,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>
@@ -153079,7 +150350,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"
@@ -153132,7 +150403,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
@@ -153147,14 +150417,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>
@@ -153167,7 +150435,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
@@ -153251,7 +150519,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
@@ -153299,7 +150566,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
@@ -153348,7 +150614,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
@@ -153390,7 +150655,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
@@ -153413,7 +150677,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
@@ -153462,7 +150725,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
@@ -153504,7 +150766,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
@@ -153527,7 +150788,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
@@ -153576,7 +150836,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
@@ -153618,7 +150877,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
@@ -153680,7 +150938,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"
@@ -153727,7 +150985,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
@@ -153797,7 +151054,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>
                               ​
@@ -153838,7 +151095,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>
                               ​
@@ -153865,7 +151122,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
@@ -153899,7 +151155,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"
@@ -153959,7 +151215,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"
@@ -154002,7 +151258,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
@@ -154066,7 +151321,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"
@@ -154112,14 +151367,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>
@@ -154131,7 +151384,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"
@@ -154185,7 +151438,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
@@ -154200,14 +151452,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>
@@ -154220,7 +151470,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
@@ -154288,7 +151538,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
@@ -154339,7 +151588,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
@@ -154389,7 +151637,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
@@ -154453,7 +151700,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"
@@ -154490,7 +151737,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"
@@ -154526,7 +151773,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"
@@ -154571,7 +151818,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
@@ -154630,7 +151876,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"
@@ -154675,14 +151921,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>
@@ -154694,7 +151938,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"
@@ -154747,7 +151991,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
@@ -154762,14 +152005,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>
@@ -154782,7 +152023,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
@@ -154900,7 +152141,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"
@@ -154947,7 +152188,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
@@ -155017,7 +152257,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>
                               ​
@@ -155058,7 +152298,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>
                               ​
@@ -155085,7 +152325,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
@@ -155119,7 +152358,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"
@@ -155179,7 +152418,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"
@@ -155222,7 +152461,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
@@ -155288,7 +152526,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"
@@ -155304,7 +152542,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
@@ -155316,7 +152554,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
@@ -155406,7 +152644,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
@@ -155437,7 +152674,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
@@ -155509,16 +152745,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>
@@ -155535,16 +152766,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>
@@ -155580,7 +152806,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
@@ -155644,7 +152869,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
@@ -155708,7 +152932,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
@@ -155772,7 +152995,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
@@ -155836,7 +153058,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
@@ -155921,7 +153142,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"
@@ -155937,7 +153158,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
@@ -155949,7 +153170,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
@@ -156041,7 +153262,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
@@ -156072,7 +153292,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
@@ -156144,16 +153363,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>
@@ -156171,16 +153385,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>
@@ -156217,7 +153426,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
@@ -156305,7 +153513,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"
@@ -156321,7 +153529,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
@@ -156333,7 +153541,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
@@ -156419,7 +153627,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
@@ -156491,16 +153698,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>
@@ -156517,16 +153719,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>
@@ -156564,7 +153761,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"
@@ -156613,7 +153810,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
@@ -156624,7 +153820,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
@@ -156666,7 +153861,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
@@ -156677,7 +153871,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
@@ -156723,22 +153916,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
@@ -156819,14 +154012,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>
@@ -156871,14 +154062,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>
@@ -156923,14 +154112,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>
@@ -156994,14 +154181,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>
@@ -157046,14 +154231,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>
@@ -157098,14 +154281,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>
@@ -157138,7 +154319,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
@@ -157149,7 +154329,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
@@ -157172,7 +154351,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"
@@ -157229,7 +154408,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
@@ -157275,7 +154453,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
@@ -157320,7 +154497,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
@@ -157361,7 +154537,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
@@ -157428,7 +154603,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
@@ -157439,7 +154613,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
@@ -157486,14 +154659,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>
@@ -157528,14 +154699,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>
@@ -157570,14 +154739,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>
@@ -157610,7 +154777,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
@@ -157621,7 +154787,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
@@ -157662,7 +154827,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
@@ -157673,7 +154837,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
@@ -157704,7 +154867,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"
@@ -157753,7 +154916,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
@@ -157764,7 +154926,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
@@ -157806,7 +154967,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
@@ -157817,7 +154977,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
@@ -157863,22 +155022,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
@@ -157959,14 +155118,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>
@@ -158011,14 +155168,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>
@@ -158063,14 +155218,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>
@@ -158134,14 +155287,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>
@@ -158186,14 +155337,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>
@@ -158238,14 +155387,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>
@@ -158278,7 +155425,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
@@ -158289,7 +155435,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
@@ -158312,7 +155457,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"
@@ -158367,7 +155512,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
@@ -158378,7 +155522,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
@@ -158425,14 +155568,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>
@@ -158465,7 +155606,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
@@ -158476,7 +155616,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
@@ -158517,7 +155656,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
@@ -158528,7 +155666,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
@@ -158559,7 +155696,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"
@@ -158608,7 +155745,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
@@ -158619,7 +155755,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
@@ -158661,7 +155796,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
@@ -158672,7 +155806,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
@@ -158718,22 +155851,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
@@ -158814,14 +155947,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>
@@ -158866,14 +155997,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>
@@ -158918,14 +156047,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>
@@ -158989,14 +156116,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>
@@ -159041,14 +156166,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>
@@ -159093,14 +156216,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>
@@ -159133,7 +156254,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
@@ -159144,7 +156264,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
@@ -159167,7 +156286,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"
@@ -159224,7 +156343,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
@@ -159270,7 +156388,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
@@ -159315,7 +156432,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
@@ -159356,7 +156472,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
@@ -159422,7 +156537,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
@@ -159433,7 +156547,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
@@ -159475,7 +156588,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
@@ -159486,7 +156598,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
@@ -159519,22 +156630,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
@@ -159612,14 +156723,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>
@@ -159647,14 +156756,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>
@@ -159682,14 +156789,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>
@@ -159722,14 +156827,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>
@@ -159757,14 +156860,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>
@@ -159792,14 +156893,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>
@@ -159838,7 +156937,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
@@ -159849,7 +156947,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
@@ -159880,7 +156977,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"
@@ -159929,7 +157026,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
@@ -159940,7 +157036,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
@@ -159982,7 +157077,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
@@ -159993,7 +157087,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
@@ -160039,22 +157132,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
@@ -160135,14 +157228,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>
@@ -160187,14 +157278,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>
@@ -160239,14 +157328,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>
@@ -160310,14 +157397,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>
@@ -160362,14 +157447,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>
@@ -160414,14 +157497,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>
@@ -160454,7 +157535,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
@@ -160465,7 +157545,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
@@ -160488,7 +157567,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"
@@ -160542,7 +157621,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
@@ -160553,7 +157631,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
@@ -160595,7 +157672,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
@@ -160606,7 +157682,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
@@ -160639,22 +157714,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
@@ -160722,14 +157797,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>
@@ -160762,14 +157835,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>
@@ -160808,7 +157879,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
@@ -160819,7 +157889,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
@@ -160850,7 +157919,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"
@@ -160899,7 +157968,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
@@ -160910,7 +157978,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
@@ -160952,7 +158019,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
@@ -160963,7 +158029,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
@@ -161009,22 +158074,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
@@ -161105,14 +158170,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>
@@ -161157,14 +158220,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>
@@ -161209,14 +158270,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>
@@ -161280,14 +158339,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>
@@ -161332,14 +158389,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>
@@ -161384,14 +158439,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>
@@ -161424,7 +158477,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
@@ -161435,7 +158487,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
@@ -161458,7 +158509,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"
@@ -161500,7 +158551,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"
@@ -161619,7 +158670,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161663,7 +158714,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161707,7 +158758,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161740,7 +158791,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161773,7 +158824,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161806,7 +158857,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161864,7 +158915,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
@@ -161927,7 +158977,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -161971,7 +159021,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162015,7 +159065,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162048,7 +159098,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162081,7 +159131,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162114,7 +159164,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162172,7 +159222,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
@@ -162235,7 +159284,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162279,7 +159328,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162323,7 +159372,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162356,7 +159405,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162389,7 +159438,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162422,7 +159471,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162480,7 +159529,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
@@ -162543,7 +159591,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162587,7 +159635,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162631,7 +159679,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162664,7 +159712,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162697,7 +159745,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162730,7 +159778,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary defaul
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162788,7 +159836,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
@@ -162812,7 +159859,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"
@@ -162931,7 +159978,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -162975,7 +160022,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163019,7 +160066,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163052,7 +160099,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163085,7 +160132,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163118,7 +160165,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163176,7 +160223,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
@@ -163239,7 +160285,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163283,7 +160329,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163327,7 +160373,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163360,7 +160406,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163393,7 +160439,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163426,7 +160472,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163484,7 +160530,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
@@ -163547,7 +160592,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163591,7 +160636,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163635,7 +160680,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163668,7 +160713,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163701,7 +160746,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163734,7 +160779,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163792,7 +160837,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
@@ -163855,7 +160899,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163899,7 +160943,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163943,7 +160987,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -163976,7 +161020,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -164009,7 +161053,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -164042,7 +161086,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
               >
                 <legend
                   class="PrivateNotchedOutline-legend-id"
-                  style="width:0"
+                  style="width:0.01px"
                 >
                   <span>
                     ​
@@ -164105,7 +161149,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
@@ -164129,7 +161172,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"
@@ -164174,7 +161217,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
@@ -164219,7 +161261,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
@@ -164260,7 +161301,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
@@ -164305,7 +161345,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
@@ -164331,7 +161370,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"
@@ -164376,7 +161415,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
@@ -164421,7 +161459,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
@@ -164528,7 +161565,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"
@@ -164572,7 +161609,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
@@ -164612,7 +161648,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
@@ -164638,7 +161673,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"
@@ -164682,7 +161717,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
@@ -164722,7 +161756,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
@@ -164762,7 +161795,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
@@ -164802,7 +161834,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
@@ -164828,7 +161859,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"
@@ -164872,7 +161903,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
@@ -164912,7 +161942,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
@@ -164938,7 +161967,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"
@@ -164982,7 +162011,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
@@ -165022,7 +162050,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
@@ -165081,7 +162108,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"
@@ -165127,14 +162154,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>
@@ -165193,14 +162218,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>
@@ -165216,7 +162239,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"
@@ -165262,7 +162285,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"
@@ -165323,7 +162346,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"
@@ -165383,7 +162406,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"
@@ -165438,7 +162461,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
@@ -165453,14 +162475,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>
@@ -165508,7 +162528,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
@@ -165523,14 +162542,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>
@@ -165577,7 +162594,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
@@ -165592,14 +162608,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>
@@ -165620,7 +162634,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"
@@ -165671,7 +162685,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
@@ -165713,7 +162726,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
@@ -165755,7 +162767,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
@@ -165797,7 +162808,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
@@ -165839,7 +162849,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
@@ -165881,7 +162890,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
@@ -165923,7 +162931,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
@@ -165951,7 +162958,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"
@@ -165997,7 +163004,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
@@ -166043,7 +163049,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
@@ -166102,7 +163107,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"
@@ -166147,14 +163152,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>
@@ -166212,14 +163215,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>
@@ -166235,7 +163236,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"
@@ -166281,7 +163282,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"
@@ -166342,7 +163343,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"
@@ -166402,7 +163403,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"
@@ -166456,7 +163457,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
@@ -166471,14 +163471,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>
@@ -166525,7 +163523,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
@@ -166540,14 +163537,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>
@@ -166594,7 +163589,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
@@ -166609,14 +163603,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>
@@ -166637,7 +163629,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"
@@ -166688,7 +163680,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
@@ -166730,7 +163721,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
@@ -166772,7 +163762,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
@@ -166814,7 +163803,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
@@ -166856,7 +163844,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
@@ -166898,7 +163885,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
@@ -166940,7 +163926,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
@@ -166968,7 +163953,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"
@@ -167012,7 +163997,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
@@ -167056,7 +164040,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
@@ -167115,7 +164098,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"
@@ -167160,14 +164143,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>
@@ -167230,14 +164211,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>
@@ -167250,7 +164229,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"
@@ -167298,7 +164277,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
@@ -167357,7 +164335,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
@@ -167372,14 +164349,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>
@@ -167399,7 +164374,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"
@@ -167445,7 +164420,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"
@@ -167506,7 +164481,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"
@@ -167566,7 +164541,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"
@@ -167620,7 +164595,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
@@ -167635,14 +164609,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>
@@ -167694,7 +164666,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
@@ -167709,14 +164680,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>
@@ -167768,7 +164737,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
@@ -167783,14 +164751,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>
@@ -167811,7 +164777,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"
@@ -167862,7 +164828,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
@@ -167904,7 +164869,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
@@ -167946,7 +164910,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
@@ -167988,7 +164951,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
@@ -168030,7 +164992,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
@@ -168072,7 +165033,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
@@ -168114,7 +165074,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
@@ -168142,7 +165101,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"
@@ -168186,7 +165145,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
@@ -168230,7 +165188,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
@@ -168289,7 +165246,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"
@@ -168335,7 +165292,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
@@ -168377,7 +165333,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"
@@ -168425,7 +165381,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
@@ -168487,7 +165442,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"
@@ -168535,7 +165490,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
@@ -168594,7 +165548,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
@@ -168609,14 +165562,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>
@@ -168631,7 +165582,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"
@@ -168689,14 +165640,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>
@@ -168709,7 +165658,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"
@@ -168792,6 +165741,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -168821,14 +165771,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>
@@ -168870,14 +165818,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>
@@ -168905,6 +165851,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -168934,14 +165881,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>
@@ -168983,14 +165928,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>
@@ -169007,7 +165950,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"
@@ -169042,6 +165985,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"
                     >
                        *
@@ -169061,14 +166005,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>
@@ -169099,7 +166041,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
@@ -169225,7 +166166,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
@@ -169244,7 +166184,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"
@@ -169305,7 +166245,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"
@@ -169399,7 +166339,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"
@@ -169438,7 +166378,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
@@ -169503,7 +166442,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
@@ -169575,7 +166513,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
@@ -169617,7 +166554,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"
@@ -169665,7 +166602,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
@@ -169727,7 +166663,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"
@@ -169775,7 +166711,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
@@ -169834,7 +166769,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
@@ -169849,14 +166783,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>
@@ -169871,7 +166803,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"
@@ -169929,14 +166861,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>
@@ -169949,7 +166879,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"
@@ -170032,6 +166962,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -170061,14 +166992,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>
@@ -170110,14 +167039,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>
@@ -170145,6 +167072,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -170174,14 +167102,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>
@@ -170223,14 +167149,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>
@@ -170247,7 +167171,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"
@@ -170282,6 +167206,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"
                     >
                        *
@@ -170301,14 +167226,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>
@@ -170339,7 +167262,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
@@ -170465,7 +167387,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
@@ -170484,7 +167405,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"
@@ -170545,7 +167466,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"
@@ -170639,7 +167560,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"
@@ -170678,7 +167599,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
@@ -170743,7 +167663,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
@@ -170815,7 +167734,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
@@ -170857,7 +167775,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"
@@ -170905,7 +167823,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
@@ -170967,7 +167884,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"
@@ -171015,7 +167932,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
@@ -171074,7 +167990,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
@@ -171089,14 +168004,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>
@@ -171111,7 +168024,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"
@@ -171169,14 +168082,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>
@@ -171189,7 +168100,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"
@@ -171272,6 +168183,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -171301,14 +168213,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>
@@ -171350,14 +168260,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>
@@ -171385,6 +168293,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -171414,14 +168323,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>
@@ -171463,14 +168370,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>
@@ -171487,7 +168392,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"
@@ -171522,6 +168427,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"
                     >
                        *
@@ -171541,14 +168447,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>
@@ -171579,7 +168483,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
@@ -171643,7 +168546,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"
@@ -171704,7 +168607,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"
@@ -171798,7 +168701,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"
@@ -171837,7 +168740,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
@@ -171880,7 +168782,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
@@ -171920,7 +168821,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
@@ -171962,7 +168862,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"
@@ -172010,7 +168910,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
@@ -172026,7 +168925,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"
@@ -172074,7 +168973,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
@@ -172090,7 +168988,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"
@@ -172149,14 +169047,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>
@@ -172169,7 +169065,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"
@@ -172252,6 +169148,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -172282,14 +169179,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>
@@ -172332,14 +169227,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>
@@ -172367,6 +169260,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -172397,14 +169291,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>
@@ -172447,14 +169339,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>
@@ -172471,7 +169361,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"
@@ -172506,6 +169396,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"
                     >
                        *
@@ -172526,14 +169417,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>
@@ -172566,7 +169455,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
@@ -172692,7 +169580,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
@@ -172711,7 +169598,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"
@@ -172772,7 +169659,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"
@@ -172866,7 +169753,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"
@@ -172905,7 +169792,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
@@ -172970,7 +169856,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
@@ -173042,7 +169927,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
@@ -173084,7 +169968,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"
@@ -173132,7 +170016,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
@@ -173199,7 +170082,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"
@@ -173247,7 +170130,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
@@ -173306,7 +170188,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
@@ -173321,14 +170202,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>
@@ -173343,7 +170222,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"
@@ -173401,14 +170280,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>
@@ -173421,7 +170298,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"
@@ -173504,6 +170381,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -173533,14 +170411,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>
@@ -173582,14 +170458,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>
@@ -173617,6 +170491,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -173646,14 +170521,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>
@@ -173695,14 +170568,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>
@@ -173719,7 +170590,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"
@@ -173754,6 +170625,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"
                     >
                        *
@@ -173773,14 +170645,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>
@@ -173816,7 +170686,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
@@ -173942,7 +170811,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
@@ -173961,7 +170829,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"
@@ -174022,7 +170890,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"
@@ -174134,7 +171002,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"
@@ -174179,14 +171047,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>
@@ -174249,14 +171115,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>
@@ -174269,7 +171133,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -174415,7 +171279,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"
@@ -174463,7 +171327,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
@@ -174522,7 +171385,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
@@ -174537,14 +171399,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>
@@ -174607,7 +171467,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
@@ -174622,14 +171481,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>
@@ -174662,7 +171519,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
@@ -174682,7 +171538,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"
@@ -174735,7 +171591,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
@@ -174806,7 +171661,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
@@ -174858,7 +171712,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
@@ -174907,7 +171760,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
@@ -174960,7 +171812,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
@@ -175009,7 +171860,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
@@ -175063,7 +171913,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
@@ -175083,7 +171932,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"
@@ -175129,7 +171978,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"
@@ -175176,7 +172025,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
@@ -175246,7 +172094,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -175287,7 +172135,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -175314,7 +172162,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
@@ -175348,7 +172195,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"
@@ -175408,7 +172255,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"
@@ -175494,7 +172341,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
@@ -175509,14 +172355,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>
@@ -175568,7 +172412,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
@@ -175583,14 +172426,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>
@@ -175628,7 +172469,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
@@ -175646,7 +172486,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"
@@ -175683,7 +172523,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"
@@ -175728,7 +172568,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
@@ -175778,7 +172617,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
@@ -175834,7 +172672,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
@@ -175849,14 +172686,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>
@@ -175902,7 +172737,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"
@@ -175947,14 +172782,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>
@@ -176012,14 +172845,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>
@@ -176032,7 +172863,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -176181,7 +173012,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"
@@ -176234,7 +173065,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
@@ -176305,7 +173135,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
@@ -176357,7 +173186,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
@@ -176406,7 +173234,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
@@ -176459,7 +173286,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
@@ -176508,7 +173334,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
@@ -176562,7 +173387,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
@@ -176582,7 +173406,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"
@@ -176628,7 +173452,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"
@@ -176675,7 +173499,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
@@ -176745,7 +173568,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -176786,7 +173609,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -176813,7 +173636,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
@@ -176847,7 +173669,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"
@@ -176907,7 +173729,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"
@@ -176993,7 +173815,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
@@ -177008,14 +173829,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>
@@ -177062,7 +173881,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
@@ -177077,14 +173895,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>
@@ -177122,7 +173938,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
@@ -177140,7 +173955,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"
@@ -177177,7 +173992,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"
@@ -177222,7 +174037,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
@@ -177272,7 +174086,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
@@ -177328,7 +174141,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
@@ -177343,14 +174155,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>
@@ -177396,7 +174206,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"
@@ -177441,14 +174251,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>
@@ -177506,14 +174314,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>
@@ -177526,7 +174332,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -177672,7 +174478,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"
@@ -177720,7 +174526,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
@@ -177779,7 +174584,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
@@ -177794,14 +174598,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>
@@ -177859,7 +174661,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
@@ -177874,14 +174675,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>
@@ -177914,7 +174713,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
@@ -177934,7 +174732,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"
@@ -178016,7 +174814,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"
@@ -178074,14 +174872,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>
@@ -178094,7 +174890,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"
@@ -178129,6 +174925,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"
                     >
                        *
@@ -178148,14 +174945,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>
@@ -178186,7 +174981,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
@@ -178312,7 +175106,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
@@ -178331,7 +175124,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"
@@ -178377,7 +175170,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"
@@ -178424,7 +175217,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
@@ -178494,7 +175286,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>
                               ​
@@ -178535,7 +175327,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>
                               ​
@@ -178562,7 +175354,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
@@ -178596,7 +175387,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"
@@ -178656,7 +175447,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"
@@ -178742,7 +175533,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
@@ -178757,14 +175547,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>
@@ -178811,7 +175599,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
@@ -178826,14 +175613,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>
@@ -178871,7 +175656,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
@@ -178889,7 +175673,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"
@@ -178926,7 +175710,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"
@@ -178971,7 +175755,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
@@ -179021,7 +175804,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
@@ -179077,7 +175859,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
@@ -179092,14 +175873,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>
@@ -179145,7 +175924,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"
@@ -179190,14 +175969,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>
@@ -179255,14 +176032,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>
@@ -179275,7 +176050,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -179421,7 +176196,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"
@@ -179469,7 +176244,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
@@ -179528,7 +176302,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
@@ -179543,14 +176316,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>
@@ -179608,7 +176379,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
@@ -179623,14 +176393,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>
@@ -179663,7 +176431,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
@@ -179683,7 +176450,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"
@@ -179765,7 +176532,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"
@@ -179823,14 +176590,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>
@@ -179843,7 +176608,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"
@@ -179878,6 +176643,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"
                     >
                        *
@@ -179897,14 +176663,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>
@@ -179935,7 +176699,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
@@ -179999,7 +176762,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"
@@ -180045,7 +176808,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"
@@ -180092,7 +176855,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
@@ -180162,7 +176924,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>
                               ​
@@ -180203,7 +176965,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>
                               ​
@@ -180230,7 +176992,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
@@ -180264,7 +177025,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"
@@ -180324,7 +177085,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"
@@ -180410,7 +177171,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
@@ -180425,14 +177185,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>
@@ -180479,7 +177237,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
@@ -180494,14 +177251,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>
@@ -180539,7 +177294,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
@@ -180557,7 +177311,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"
@@ -180594,7 +177348,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"
@@ -180639,7 +177393,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
@@ -180689,7 +177442,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
@@ -180745,7 +177497,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
@@ -180760,14 +177511,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>
@@ -180813,7 +177562,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"
@@ -180858,14 +177607,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>
@@ -180923,14 +177670,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>
@@ -180943,7 +177688,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -181089,7 +177834,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"
@@ -181137,7 +177882,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
@@ -181196,7 +177940,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
@@ -181211,14 +177954,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>
@@ -181276,7 +178017,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
@@ -181291,14 +178031,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>
@@ -181331,7 +178069,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
@@ -181351,7 +178088,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"
@@ -181433,7 +178170,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"
@@ -181491,14 +178228,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>
@@ -181511,7 +178246,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"
@@ -181546,6 +178281,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"
                     >
                        *
@@ -181565,14 +178301,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>
@@ -181603,7 +178337,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
@@ -181735,7 +178468,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -181760,7 +178493,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
@@ -181807,7 +178539,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -181832,7 +178564,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
@@ -181873,7 +178604,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
@@ -181892,7 +178622,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"
@@ -181938,7 +178668,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"
@@ -181985,7 +178715,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
@@ -182055,7 +178784,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -182096,7 +178825,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -182123,7 +178852,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
@@ -182157,7 +178885,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"
@@ -182217,7 +178945,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"
@@ -182303,7 +179031,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
@@ -182318,14 +179045,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>
@@ -182372,7 +179097,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
@@ -182387,14 +179111,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>
@@ -182432,7 +179154,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
@@ -182450,7 +179171,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"
@@ -182487,7 +179208,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"
@@ -182532,7 +179253,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
@@ -182582,7 +179302,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
@@ -182638,7 +179357,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
@@ -182653,14 +179371,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>
@@ -182706,7 +179422,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"
@@ -182751,14 +179467,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>
@@ -182816,14 +179530,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>
@@ -182836,7 +179548,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -182982,7 +179694,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"
@@ -183030,7 +179742,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
@@ -183089,7 +179800,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
@@ -183104,14 +179814,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>
@@ -183169,7 +179877,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
@@ -183184,14 +179891,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>
@@ -183224,7 +179929,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
@@ -183244,7 +179948,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"
@@ -183297,7 +180001,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
@@ -183368,7 +180071,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
@@ -183420,7 +180122,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
@@ -183469,7 +180170,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
@@ -183522,7 +180222,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
@@ -183571,7 +180270,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
@@ -183625,7 +180323,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
@@ -183645,7 +180342,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"
@@ -183691,7 +180388,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"
@@ -183738,7 +180435,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
@@ -183808,7 +180504,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>
                               ​
@@ -183849,7 +180545,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>
                               ​
@@ -183876,7 +180572,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
@@ -183910,7 +180605,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"
@@ -183970,7 +180665,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"
@@ -184056,7 +180751,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
@@ -184071,14 +180765,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>
@@ -184125,7 +180817,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
@@ -184140,14 +180831,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>
@@ -184185,7 +180874,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
@@ -184203,7 +180891,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"
@@ -184240,7 +180928,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"
@@ -184285,7 +180973,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
@@ -184335,7 +181022,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
@@ -184391,7 +181077,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
@@ -184406,14 +181091,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>
@@ -184464,7 +181147,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"
@@ -184510,14 +181193,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>
@@ -184576,14 +181257,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>
@@ -184596,7 +181275,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -184664,7 +181343,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"
@@ -184723,14 +181402,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>
@@ -184743,7 +181420,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"
@@ -184778,6 +181455,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"
                     >
                        *
@@ -184798,14 +181476,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>
@@ -184837,7 +181513,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
@@ -184958,7 +181633,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
@@ -184977,7 +181651,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"
@@ -185023,7 +181697,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"
@@ -185060,7 +181734,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"
@@ -185096,7 +181770,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"
@@ -185183,7 +181857,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
@@ -185198,14 +181871,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>
@@ -185252,7 +181923,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
@@ -185267,14 +181937,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>
@@ -185295,7 +181963,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"
@@ -185332,7 +182000,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"
@@ -185378,7 +182046,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
@@ -185424,7 +182091,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
@@ -185483,7 +182149,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"
@@ -185528,14 +182194,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>
@@ -185593,14 +182257,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>
@@ -185613,7 +182275,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -185676,7 +182338,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
@@ -185715,7 +182376,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"
@@ -185763,7 +182424,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
@@ -185822,7 +182482,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
@@ -185837,14 +182496,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>
@@ -185902,7 +182559,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
@@ -185917,14 +182573,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>
@@ -185957,7 +182611,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
@@ -185977,7 +182630,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"
@@ -186030,7 +182683,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
@@ -186101,7 +182753,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
@@ -186153,7 +182804,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
@@ -186202,7 +182852,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
@@ -186255,7 +182904,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
@@ -186304,7 +182952,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
@@ -186358,7 +183005,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
@@ -186378,7 +183024,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"
@@ -186424,7 +183070,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"
@@ -186471,7 +183117,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
@@ -186541,7 +183186,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>
                               ​
@@ -186582,7 +183227,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>
                               ​
@@ -186609,7 +183254,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
@@ -186643,7 +183287,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"
@@ -186703,7 +183347,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"
@@ -186789,7 +183433,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
@@ -186804,14 +183447,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>
@@ -186858,7 +183499,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
@@ -186873,14 +183513,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>
@@ -186918,7 +183556,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
@@ -186936,7 +183573,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"
@@ -186973,7 +183610,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"
@@ -187018,7 +183655,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
@@ -187068,7 +183704,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
@@ -187124,7 +183759,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
@@ -187139,14 +183773,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>
@@ -187192,7 +183824,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"
@@ -187237,14 +183869,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>
@@ -187302,14 +183932,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>
@@ -187322,7 +183950,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -187468,7 +184096,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"
@@ -187516,7 +184144,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
@@ -187575,7 +184202,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
@@ -187590,14 +184216,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>
@@ -187655,7 +184279,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
@@ -187670,14 +184293,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>
@@ -187710,7 +184331,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
@@ -187730,7 +184350,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"
@@ -187812,7 +184432,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"
@@ -187870,14 +184490,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>
@@ -187890,7 +184508,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"
@@ -187925,6 +184543,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"
                     >
                        *
@@ -187944,14 +184563,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>
@@ -187982,7 +184599,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
@@ -188114,7 +184730,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>
                               ​
@@ -188139,7 +184755,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
@@ -188186,7 +184801,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>
                               ​
@@ -188211,7 +184826,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
@@ -188252,7 +184866,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
@@ -188271,7 +184884,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"
@@ -188317,7 +184930,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"
@@ -188364,7 +184977,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
@@ -188434,7 +185046,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>
                               ​
@@ -188475,7 +185087,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>
                               ​
@@ -188502,7 +185114,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
@@ -188536,7 +185147,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"
@@ -188596,7 +185207,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"
@@ -188682,7 +185293,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
@@ -188697,14 +185307,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>
@@ -188751,7 +185359,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
@@ -188766,14 +185373,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>
@@ -188811,7 +185416,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
@@ -188829,7 +185433,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"
@@ -188866,7 +185470,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"
@@ -188911,7 +185515,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
@@ -188961,7 +185564,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
@@ -189017,7 +185619,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
@@ -189032,14 +185633,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>
@@ -189085,7 +185684,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"
@@ -189130,14 +185729,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>
@@ -189195,14 +185792,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>
@@ -189215,7 +185810,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 ProductMedia-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMedia-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -189361,7 +185956,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"
@@ -189409,7 +186004,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
@@ -189468,7 +186062,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
@@ -189483,14 +186076,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>
@@ -189548,7 +186139,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
@@ -189563,14 +186153,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>
@@ -189603,7 +186191,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
@@ -189623,7 +186210,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"
@@ -189676,7 +186263,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
@@ -189747,7 +186333,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
@@ -189799,7 +186384,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
@@ -189848,7 +186432,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
@@ -189901,7 +186484,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
@@ -189950,7 +186532,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
@@ -190004,7 +186585,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
@@ -190024,7 +186604,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"
@@ -190070,7 +186650,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"
@@ -190117,7 +186697,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
@@ -190187,7 +186766,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -190228,7 +186807,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -190255,7 +186834,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
@@ -190289,7 +186867,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"
@@ -190349,7 +186927,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"
@@ -190435,7 +187013,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
@@ -190450,14 +187027,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>
@@ -190504,7 +187079,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
@@ -190519,14 +187093,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>
@@ -190564,7 +187136,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
@@ -190582,7 +187153,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"
@@ -190633,7 +187204,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
@@ -190675,7 +187245,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
@@ -190717,7 +187286,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
@@ -190759,7 +187327,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
@@ -190801,7 +187368,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
@@ -190843,7 +187409,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
@@ -190885,7 +187450,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
@@ -190913,7 +187477,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"
@@ -190958,7 +187522,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
@@ -191008,7 +187571,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
@@ -191064,7 +187626,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
@@ -191079,14 +187640,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>
@@ -191132,7 +187691,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductMediaNavigation-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMediaNavigation-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191226,7 +187785,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"
@@ -191279,14 +187838,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>
@@ -191302,7 +187859,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"
@@ -191373,7 +187930,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
       >
         <div>
           <div
-            class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id ProductMediaNavigation-card-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiCard-root-id ProductMediaNavigation-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
           >
             <div
               class="CardTitle-root-id"
@@ -191404,7 +187961,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"
@@ -191456,14 +188013,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>
@@ -191479,7 +188034,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"
@@ -191556,7 +188111,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
@@ -191582,7 +188136,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
@@ -191608,7 +188161,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"
@@ -191624,7 +188177,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
@@ -191636,7 +188189,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
@@ -191744,7 +188297,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
@@ -191779,7 +188331,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
@@ -191867,22 +188418,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
@@ -191909,16 +188460,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>
@@ -191935,16 +188481,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>
@@ -191980,7 +188521,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
@@ -192083,7 +188623,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
@@ -192186,7 +188725,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
@@ -192289,7 +188827,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
@@ -192392,7 +188929,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
@@ -192495,7 +189031,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
@@ -192598,7 +189133,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
@@ -192701,7 +189235,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
@@ -192804,7 +189337,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
@@ -192907,7 +189439,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
@@ -193010,7 +189541,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
@@ -193113,7 +189643,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
@@ -193216,7 +189745,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
@@ -193319,7 +189847,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
@@ -193422,7 +189949,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
@@ -193525,7 +190051,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
@@ -193628,7 +190153,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
@@ -193731,7 +190255,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
@@ -193834,7 +190357,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
@@ -193937,7 +190459,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
@@ -194065,7 +190586,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
@@ -194091,7 +190611,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
@@ -194117,7 +190636,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"
@@ -194133,7 +190652,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
@@ -194145,7 +190664,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
@@ -194266,7 +190785,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
@@ -194301,7 +190819,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
@@ -194389,22 +190906,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
@@ -194431,16 +190948,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>
@@ -194458,16 +190970,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>
@@ -194504,7 +191011,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
@@ -194533,7 +191039,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
@@ -194632,7 +191137,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
@@ -194658,7 +191162,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
@@ -194684,7 +191187,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"
@@ -194700,7 +191203,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
@@ -194712,7 +191215,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
@@ -194820,7 +191323,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
@@ -194855,7 +191357,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
@@ -194943,22 +191444,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
@@ -194985,16 +191486,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>
@@ -195011,16 +191507,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>
@@ -195056,7 +191547,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
@@ -195147,7 +191637,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
@@ -195238,7 +191727,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
@@ -195329,7 +191817,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
@@ -195420,7 +191907,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
@@ -195511,7 +191997,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
@@ -195602,7 +192087,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
@@ -195693,7 +192177,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
@@ -195784,7 +192267,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
@@ -195875,7 +192357,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
@@ -195966,7 +192447,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
@@ -196057,7 +192537,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
@@ -196148,7 +192627,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
@@ -196239,7 +192717,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
@@ -196330,7 +192807,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
@@ -196421,7 +192897,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
@@ -196512,7 +192987,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
@@ -196603,7 +193077,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
@@ -196694,7 +193167,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
@@ -196785,7 +193257,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
@@ -196901,7 +193372,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
@@ -196927,7 +193397,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
@@ -196953,7 +193422,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"
@@ -196969,7 +193438,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
@@ -196981,7 +193450,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
@@ -197089,7 +193558,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
@@ -197177,22 +193645,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
@@ -197219,16 +193687,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>
@@ -197245,16 +193708,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>
@@ -197325,7 +193783,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
@@ -197351,7 +193808,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
@@ -197377,7 +193833,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"
@@ -197393,7 +193849,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
@@ -197405,7 +193861,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
@@ -197513,7 +193969,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
@@ -197548,7 +194003,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
@@ -197636,22 +194090,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
@@ -197678,16 +194132,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>
@@ -197704,16 +194153,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>
@@ -197749,7 +194193,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
@@ -197852,7 +194295,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
@@ -197955,7 +194397,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
@@ -198058,7 +194499,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
@@ -198161,7 +194601,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
@@ -198264,7 +194703,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
@@ -198367,7 +194805,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
@@ -198470,7 +194907,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
@@ -198573,7 +195009,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
@@ -198676,7 +195111,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
@@ -198779,7 +195213,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
@@ -198882,7 +195315,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
@@ -198985,7 +195417,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
@@ -199088,7 +195519,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
@@ -199191,7 +195621,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
@@ -199294,7 +195723,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
@@ -199397,7 +195825,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
@@ -199500,7 +195927,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
@@ -199603,7 +196029,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
@@ -199706,7 +196131,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
@@ -199824,7 +196248,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"
@@ -199863,7 +196287,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
@@ -199928,7 +196351,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
@@ -199993,7 +196415,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
@@ -200058,7 +196479,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
@@ -200140,7 +196560,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"
@@ -200188,7 +196608,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
@@ -200247,7 +196666,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
@@ -200273,7 +196691,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"
@@ -200321,7 +196739,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
@@ -200380,7 +196797,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
@@ -200395,14 +196811,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>
@@ -200465,7 +196879,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
@@ -200480,14 +196893,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>
@@ -200502,7 +196913,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"
@@ -200567,7 +196978,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"
@@ -200650,6 +197061,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -200679,14 +197091,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>
@@ -200728,14 +197138,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>
@@ -200763,6 +197171,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -200792,14 +197201,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>
@@ -200841,14 +197248,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>
@@ -200865,7 +197270,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"
@@ -200923,14 +197328,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>
@@ -200943,7 +197346,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"
@@ -200978,6 +197381,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"
                     >
                        *
@@ -200997,14 +197401,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>
@@ -201040,7 +197442,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
@@ -201172,7 +197573,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201197,7 +197598,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
@@ -201244,7 +197644,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201269,7 +197669,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
@@ -201310,7 +197709,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
@@ -201329,7 +197727,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"
@@ -201376,7 +197774,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
@@ -201446,7 +197843,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201487,7 +197884,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -201514,7 +197911,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
@@ -201548,7 +197944,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"
@@ -201642,7 +198038,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"
@@ -201681,7 +198077,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
@@ -201746,7 +198141,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
@@ -201811,7 +198205,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
@@ -201876,7 +198269,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
@@ -201958,7 +198350,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"
@@ -202006,7 +198398,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
@@ -202065,7 +198456,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
@@ -202091,7 +198481,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"
@@ -202139,7 +198529,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
@@ -202198,7 +198587,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
@@ -202213,14 +198601,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>
@@ -202278,7 +198664,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
@@ -202293,14 +198678,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>
@@ -202315,7 +198698,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"
@@ -202380,7 +198763,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"
@@ -202463,6 +198846,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -202492,14 +198876,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>
@@ -202541,14 +198923,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>
@@ -202576,6 +198956,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -202605,14 +198986,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>
@@ -202654,14 +199033,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>
@@ -202678,7 +199055,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"
@@ -202736,14 +199113,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>
@@ -202756,7 +199131,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"
@@ -202791,6 +199166,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"
                     >
                        *
@@ -202810,14 +199186,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>
@@ -202848,7 +199222,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
@@ -202912,7 +199285,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"
@@ -202959,7 +199332,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
@@ -203029,7 +199401,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -203070,7 +199442,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -203097,7 +199469,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
@@ -203131,7 +199502,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"
@@ -203225,7 +199596,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"
@@ -203264,7 +199635,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
@@ -203329,7 +199699,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
@@ -203394,7 +199763,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
@@ -203459,7 +199827,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
@@ -203541,7 +199908,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"
@@ -203589,7 +199956,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
@@ -203648,7 +200014,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
@@ -203674,7 +200039,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"
@@ -203722,7 +200087,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
@@ -203781,7 +200145,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
@@ -203796,14 +200159,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>
@@ -203861,7 +200222,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
@@ -203876,14 +200236,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>
@@ -203898,7 +200256,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"
@@ -203963,7 +200321,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"
@@ -204046,6 +200404,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -204075,14 +200434,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>
@@ -204124,14 +200481,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>
@@ -204159,6 +200514,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -204188,14 +200544,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>
@@ -204237,14 +200591,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>
@@ -204261,7 +200613,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"
@@ -204319,14 +200671,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>
@@ -204339,7 +200689,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"
@@ -204374,6 +200724,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"
                     >
                        *
@@ -204393,14 +200744,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>
@@ -204431,7 +200780,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
@@ -204563,7 +200911,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204588,7 +200936,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
@@ -204635,7 +200982,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204660,7 +201007,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
@@ -204701,7 +201047,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
@@ -204720,7 +201065,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"
@@ -204767,7 +201112,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
@@ -204837,7 +201181,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204878,7 +201222,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         >
                           <legend
                             class="PrivateNotchedOutline-legend-id"
-                            style="width:0"
+                            style="width:0.01px"
                           >
                             <span>
                               ​
@@ -204905,7 +201249,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
@@ -204939,7 +201282,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"
@@ -205038,7 +201381,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"
@@ -205077,7 +201420,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
@@ -205120,7 +201462,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
@@ -205170,7 +201511,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"
@@ -205218,7 +201559,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
@@ -205234,7 +201574,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"
@@ -205282,7 +201622,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
@@ -205298,7 +201637,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"
@@ -205349,7 +201688,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"
@@ -205432,6 +201771,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -205462,14 +201802,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>
@@ -205512,14 +201850,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>
@@ -205547,6 +201883,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -205577,14 +201914,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>
@@ -205627,14 +201962,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>
@@ -205651,7 +201984,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"
@@ -205710,14 +202043,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>
@@ -205730,7 +202061,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"
@@ -205765,6 +202096,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"
                     >
                        *
@@ -205785,14 +202117,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>
@@ -205824,7 +202154,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
@@ -205945,7 +202274,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
@@ -205964,7 +202292,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"
@@ -206001,7 +202329,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"
@@ -206071,7 +202399,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"
@@ -206117,14 +202445,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>
@@ -206164,14 +202490,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>
@@ -206183,7 +202515,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"
@@ -206250,7 +202582,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
@@ -206303,7 +202634,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"
@@ -206349,14 +202680,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>
@@ -206401,14 +202730,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>
@@ -206420,7 +202755,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"
@@ -206487,7 +202822,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
@@ -206540,7 +202874,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"
@@ -206587,14 +202921,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>
@@ -206635,14 +202967,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>
@@ -206654,7 +202992,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"
@@ -206722,7 +203060,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
@@ -206775,7 +203112,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"
@@ -206820,14 +203157,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>
@@ -206862,14 +203197,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>
@@ -206898,14 +203231,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>
@@ -206918,7 +203249,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"
@@ -206964,7 +203295,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
@@ -207083,14 +203413,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>
@@ -207132,14 +203460,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>
@@ -207156,7 +203482,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"
@@ -207241,6 +203567,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -207270,14 +203597,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>
@@ -207294,7 +203619,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"
@@ -207362,7 +203687,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
@@ -207373,7 +203697,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
@@ -207425,7 +203748,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
@@ -207436,7 +203758,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
@@ -207512,7 +203833,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
@@ -207553,7 +203873,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"
@@ -207617,7 +203937,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
@@ -207679,16 +203998,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>
@@ -207706,16 +204020,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>
@@ -207749,7 +204058,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
@@ -207772,7 +204080,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"
                         >
@@ -207799,7 +204118,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
@@ -207818,7 +204136,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"
@@ -207879,7 +204197,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"
@@ -207939,7 +204257,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"
@@ -208025,7 +204343,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"
@@ -208070,14 +204388,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>
@@ -208112,14 +204428,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>
@@ -208148,14 +204462,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>
@@ -208168,7 +204480,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"
@@ -208211,7 +204523,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
@@ -208262,14 +204573,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>
@@ -208298,14 +204607,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>
@@ -208318,7 +204625,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"
@@ -208403,6 +204710,7 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -208432,14 +204740,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>
@@ -208456,7 +204762,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"
@@ -208524,7 +204830,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
@@ -208535,7 +204840,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
@@ -208587,7 +204891,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
@@ -208598,7 +204901,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
@@ -208674,7 +204976,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
@@ -208715,7 +205016,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"
@@ -208779,7 +205080,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
@@ -208841,16 +205141,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>
@@ -208868,16 +205163,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>
@@ -208911,7 +205201,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
@@ -208934,7 +205223,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"
                         >
@@ -208961,7 +205261,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
@@ -208980,7 +205279,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"
@@ -209041,7 +205340,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"
@@ -209101,7 +205400,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"
@@ -209192,7 +205491,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"
@@ -209238,14 +205537,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>
@@ -209281,14 +205578,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>
@@ -209318,14 +205613,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>
@@ -209338,7 +205631,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"
@@ -209386,7 +205679,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
@@ -209506,14 +205798,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>
@@ -209556,14 +205846,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>
@@ -209580,7 +205868,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"
@@ -209665,6 +205953,7 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -209695,14 +205984,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>
@@ -209719,7 +206006,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"
@@ -209787,7 +206074,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
@@ -209798,7 +206084,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
@@ -209850,7 +206135,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
@@ -209861,7 +206145,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
@@ -209937,7 +206220,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
@@ -209978,7 +206260,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"
@@ -210043,7 +206325,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
@@ -210071,7 +206352,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
@@ -210105,7 +206385,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
@@ -210124,7 +206403,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"
@@ -210161,7 +206440,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"
@@ -210197,7 +206476,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"
@@ -210283,7 +206562,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"
@@ -210328,14 +206607,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>
@@ -210370,14 +206647,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>
@@ -210406,14 +206681,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>
@@ -210426,7 +206699,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"
@@ -210472,7 +206745,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
@@ -210591,14 +206863,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>
@@ -210640,14 +206910,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>
@@ -210702,14 +206970,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>
@@ -210751,14 +207017,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>
@@ -210775,7 +207039,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"
@@ -210860,6 +207124,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -210889,14 +207154,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>
@@ -210928,6 +207191,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -210957,14 +207221,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>
@@ -210981,7 +207243,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"
@@ -211049,7 +207311,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
@@ -211060,7 +207321,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
@@ -211112,7 +207372,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
@@ -211123,7 +207382,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
@@ -211199,7 +207457,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
@@ -211240,7 +207497,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"
@@ -211304,7 +207561,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
@@ -211366,16 +207622,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>
@@ -211393,16 +207644,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>
@@ -211436,7 +207682,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
@@ -211459,7 +207704,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"
                         >
@@ -211486,7 +207742,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
@@ -211505,7 +207760,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"
@@ -211566,7 +207821,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"
@@ -211626,7 +207881,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"
@@ -211728,7 +207983,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"
@@ -211773,14 +208028,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>
@@ -211815,14 +208068,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>
@@ -211851,14 +208102,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>
@@ -211871,7 +208120,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"
@@ -211914,7 +208163,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
@@ -211965,14 +208213,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>
@@ -212001,14 +208247,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>
@@ -212021,7 +208265,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"
@@ -212106,6 +208350,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -212135,14 +208380,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>
@@ -212174,6 +208417,7 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                           >
                             Price
                             <span
+                              aria-hidden="true"
                               class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                             >
                                *
@@ -212203,14 +208447,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>
@@ -212227,7 +208469,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"
@@ -212295,7 +208537,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
@@ -212306,7 +208547,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
@@ -212358,7 +208598,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
@@ -212369,7 +208608,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
@@ -212445,7 +208683,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
@@ -212486,7 +208723,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"
@@ -212550,7 +208787,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
@@ -212612,16 +208848,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>
@@ -212639,16 +208870,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>
@@ -212682,7 +208908,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
@@ -212705,7 +208930,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"
                         >
@@ -212732,7 +208968,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
@@ -212751,7 +208986,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"
@@ -212812,7 +209047,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"
@@ -212872,7 +209107,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"
@@ -212974,7 +209209,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"
@@ -213020,14 +209255,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>
@@ -213072,14 +209305,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>
@@ -213091,7 +209333,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"
@@ -213158,7 +209400,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
@@ -213178,7 +209419,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"
@@ -213286,7 +209527,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
@@ -213311,7 +209551,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
@@ -213355,7 +209594,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
@@ -213380,7 +209618,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
@@ -213399,7 +209636,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"
@@ -213507,7 +209744,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
@@ -213532,7 +209768,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
@@ -213576,7 +209811,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
@@ -213601,7 +209835,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
@@ -213620,7 +209853,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"
@@ -213681,7 +209914,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"
@@ -213741,7 +209974,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"
@@ -213795,7 +210028,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
@@ -213810,14 +210042,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>
@@ -213855,7 +210085,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
@@ -213889,7 +210118,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
@@ -213940,7 +210168,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"
@@ -213986,14 +210214,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>
@@ -214043,14 +210269,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>
@@ -214062,7 +210297,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"
@@ -214129,7 +210364,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
@@ -214149,7 +210383,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"
@@ -214257,7 +210491,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
@@ -214282,7 +210515,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
@@ -214326,7 +210558,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
@@ -214351,7 +210582,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
@@ -214370,7 +210600,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"
@@ -214478,7 +210708,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
@@ -214503,7 +210732,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
@@ -214547,7 +210775,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
@@ -214572,7 +210799,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
@@ -214591,7 +210817,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"
@@ -214652,7 +210878,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"
@@ -214712,7 +210938,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"
@@ -214766,7 +210992,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
@@ -214781,14 +211006,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>
@@ -214826,7 +211049,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
@@ -214860,7 +211082,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
@@ -214916,7 +211137,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"
@@ -214963,14 +211184,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>
@@ -215011,14 +211230,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>
@@ -215030,7 +211255,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"
@@ -215098,7 +211323,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
@@ -215118,7 +211342,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"
@@ -215240,7 +211464,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
@@ -215266,7 +211489,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
@@ -215285,7 +211507,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"
@@ -215407,7 +211629,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
@@ -215433,7 +211654,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
@@ -215452,7 +211672,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"
@@ -215489,7 +211709,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"
@@ -215525,7 +211745,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"
@@ -215579,7 +211799,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
@@ -215594,14 +211813,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>
@@ -215654,7 +211871,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"
@@ -215718,7 +211935,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
@@ -215778,22 +211994,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
@@ -215820,16 +212036,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>
@@ -215846,16 +212057,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>
@@ -215889,7 +212095,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
@@ -215929,7 +212134,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
@@ -215962,7 +212166,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
@@ -216002,7 +212205,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
@@ -216035,7 +212237,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
@@ -216075,7 +212276,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
@@ -216108,7 +212308,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
@@ -216148,7 +212347,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
@@ -216181,7 +212379,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
@@ -216221,7 +212418,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
@@ -216240,7 +212436,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"
@@ -216277,8 +212473,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"
@@ -216286,15 +212482,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
@@ -216378,7 +212575,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"
@@ -216444,7 +212641,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
@@ -216504,22 +212700,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
@@ -216546,16 +212742,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>
@@ -216573,16 +212764,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>
@@ -216618,7 +212804,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
@@ -216667,7 +212852,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
@@ -216686,7 +212870,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"
@@ -216722,24 +212906,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
@@ -216823,7 +213009,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"
@@ -216912,22 +213098,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
@@ -216954,16 +213140,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>
@@ -216980,16 +213161,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>
@@ -217019,7 +213195,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"
@@ -217056,8 +213232,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"
@@ -217065,15 +213241,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
@@ -217157,7 +213334,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"
@@ -217221,7 +213398,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
@@ -217281,22 +213457,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
@@ -217323,16 +213499,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>
@@ -217349,16 +213520,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>
@@ -217392,7 +213558,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
@@ -217432,7 +213597,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
@@ -217465,7 +213629,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
@@ -217505,7 +213668,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
@@ -217538,7 +213700,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
@@ -217578,7 +213739,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
@@ -217611,7 +213771,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
@@ -217651,7 +213810,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
@@ -217684,7 +213842,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
@@ -217724,7 +213881,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
@@ -217787,7 +213943,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"
@@ -217832,14 +213988,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>
@@ -217875,14 +214029,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>
@@ -217913,14 +214065,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>
@@ -217949,7 +214099,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"
@@ -218004,14 +214154,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>
@@ -218042,14 +214190,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>
@@ -218093,14 +214239,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>
@@ -218129,7 +214273,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"
@@ -218177,14 +214321,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>
@@ -218215,14 +214357,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>
@@ -218252,14 +214392,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>
@@ -218293,14 +214431,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>
@@ -218328,14 +214464,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>
@@ -218378,7 +214512,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
@@ -218393,14 +214526,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>
@@ -218428,14 +214559,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>
@@ -218467,14 +214596,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>
@@ -218530,7 +214657,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"
@@ -218575,14 +214702,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>
@@ -218618,14 +214743,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>
@@ -218661,14 +214784,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>
@@ -218697,7 +214818,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"
@@ -218752,14 +214873,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>
@@ -218795,14 +214914,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>
@@ -218846,14 +214963,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>
@@ -218882,7 +214997,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"
@@ -218930,14 +215045,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>
@@ -218968,14 +215081,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>
@@ -219005,14 +215116,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>
@@ -219046,14 +215155,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>
@@ -219081,14 +215188,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>
@@ -219131,7 +215236,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
@@ -219146,14 +215250,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>
@@ -219181,14 +215283,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>
@@ -219220,14 +215320,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>
@@ -219283,7 +215381,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"
@@ -219329,14 +215427,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>
@@ -219373,14 +215469,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>
@@ -219412,14 +215506,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>
@@ -219448,7 +215540,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"
@@ -219504,14 +215596,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>
@@ -219543,14 +215633,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>
@@ -219595,14 +215683,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>
@@ -219631,7 +215717,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"
@@ -219680,14 +215766,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>
@@ -219719,14 +215803,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>
@@ -219758,14 +215840,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>
@@ -219800,14 +215880,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>
@@ -219836,14 +215914,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>
@@ -219887,7 +215963,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
@@ -219902,14 +215977,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>
@@ -219939,14 +216012,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>
@@ -219979,14 +216050,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>
@@ -220031,7 +216100,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"
@@ -220096,14 +216165,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>
@@ -220135,14 +216202,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>
@@ -220174,14 +216239,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>
@@ -220196,7 +216259,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"
@@ -220255,7 +216318,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
@@ -220270,14 +216332,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>
@@ -220311,7 +216371,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
@@ -220345,7 +216404,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
@@ -220363,7 +216421,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"
@@ -220412,7 +216470,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
@@ -220476,7 +216533,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"
@@ -220560,14 +216617,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>
@@ -220599,14 +216654,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>
@@ -220638,14 +216691,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>
@@ -220661,7 +216712,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"
@@ -220706,7 +216757,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"
@@ -220759,7 +216810,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
@@ -220774,14 +216824,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>
@@ -220845,7 +216893,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"
@@ -220913,14 +216961,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>
@@ -220952,14 +216998,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>
@@ -220991,14 +217035,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>
@@ -221013,7 +217055,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"
@@ -221072,7 +217114,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
@@ -221087,14 +217128,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>
@@ -221110,7 +217149,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"
@@ -221160,7 +217199,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
@@ -221219,7 +217257,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"
@@ -221284,14 +217322,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>
@@ -221323,14 +217359,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>
@@ -221362,14 +217396,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>
@@ -221426,7 +217458,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"
@@ -221442,7 +217474,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
@@ -221454,7 +217486,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
@@ -221546,7 +217578,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
@@ -221606,22 +217637,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
@@ -221648,16 +217679,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>
@@ -221674,16 +217700,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>
@@ -222112,7 +218133,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"
@@ -222128,7 +218149,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
@@ -222140,7 +218161,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
@@ -222232,7 +218253,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
@@ -222292,22 +218312,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
@@ -222334,16 +218354,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>
@@ -222361,16 +218376,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>
@@ -222466,7 +218476,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"
@@ -222509,7 +218519,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
@@ -222553,7 +218562,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
@@ -222601,7 +218609,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
@@ -222647,7 +218654,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"
@@ -223257,7 +219264,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"
@@ -223302,7 +219309,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
@@ -223347,7 +219353,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
@@ -223392,7 +219397,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
@@ -223439,7 +219443,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"
@@ -223547,7 +219551,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"
@@ -223734,7 +219738,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"
@@ -223822,7 +219826,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"
@@ -223838,7 +219842,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
@@ -223850,7 +219854,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
@@ -223862,7 +219866,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
@@ -223874,7 +219878,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
@@ -223886,7 +219890,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
@@ -223898,7 +219902,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
@@ -223910,7 +219914,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
@@ -223922,7 +219926,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
@@ -223993,16 +219997,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>
@@ -224019,16 +220018,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>
@@ -224101,7 +220095,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"
@@ -224195,7 +220189,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"
@@ -224266,7 +220260,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"
@@ -224339,7 +220333,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
@@ -224385,14 +220379,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>
@@ -224404,7 +220396,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"
@@ -224452,14 +220444,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>
@@ -224490,14 +220480,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>
@@ -224528,14 +220516,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>
@@ -224569,14 +220555,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>
@@ -224604,14 +220588,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>
@@ -224654,7 +220636,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
@@ -224669,14 +220650,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>
@@ -224705,14 +220684,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>
@@ -224744,14 +220721,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>
@@ -224797,7 +220772,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
@@ -224843,14 +220818,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>
@@ -224867,7 +220840,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"
@@ -224915,14 +220888,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>
@@ -224958,14 +220929,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>
@@ -225001,14 +220970,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>
@@ -225047,14 +221014,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>
@@ -225087,14 +221052,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>
@@ -225142,7 +221105,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
@@ -225157,14 +221119,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>
@@ -225198,14 +221158,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>
@@ -225242,14 +221200,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>
@@ -225300,7 +221256,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
@@ -225347,14 +221303,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>
@@ -225366,7 +221320,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"
@@ -225415,14 +221369,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>
@@ -225454,14 +221406,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>
@@ -225493,14 +221443,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>
@@ -225535,14 +221483,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>
@@ -225571,14 +221517,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>
@@ -225622,7 +221566,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
@@ -225637,14 +221580,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>
@@ -225674,14 +221615,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>
@@ -225714,14 +221653,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>
@@ -225767,7 +221704,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
@@ -225813,14 +221750,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>
@@ -225832,7 +221767,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"
@@ -225880,14 +221815,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>
@@ -225918,14 +221851,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>
@@ -225956,14 +221887,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>
@@ -225997,14 +221926,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>
@@ -226032,14 +221959,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>
@@ -226082,7 +222007,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
@@ -226097,14 +222021,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>
@@ -226133,14 +222055,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>
@@ -226172,14 +222092,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>
@@ -226191,7 +222109,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"
@@ -226298,7 +222216,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
@@ -226344,14 +222262,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>
@@ -226368,7 +222284,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"
@@ -226416,14 +222332,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>
@@ -226459,14 +222373,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>
@@ -226502,14 +222414,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>
@@ -226548,14 +222458,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>
@@ -226588,14 +222496,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>
@@ -226643,7 +222549,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
@@ -226658,14 +222563,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>
@@ -226699,14 +222602,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>
@@ -226743,14 +222644,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>
@@ -226767,7 +222666,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"
@@ -226879,7 +222778,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
@@ -226926,14 +222825,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>
@@ -226945,7 +222842,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"
@@ -226994,14 +222891,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>
@@ -227033,14 +222928,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>
@@ -227072,14 +222965,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>
@@ -227114,14 +223005,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>
@@ -227150,14 +223039,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>
@@ -227201,7 +223088,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
@@ -227216,14 +223102,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>
@@ -227253,14 +223137,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>
@@ -227293,14 +223175,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>
@@ -227312,7 +223192,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"
@@ -227386,7 +223266,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"
@@ -227402,7 +223282,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
@@ -227414,7 +223294,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
@@ -227487,7 +223367,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
@@ -227545,22 +223424,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
@@ -227587,16 +223466,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>
@@ -227613,16 +223487,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>
@@ -227670,7 +223539,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
@@ -227691,7 +223559,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
@@ -227739,7 +223606,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
@@ -227760,7 +223626,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
@@ -227808,7 +223673,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
@@ -227829,7 +223693,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
@@ -227877,7 +223740,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
@@ -227898,7 +223760,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
@@ -227955,7 +223816,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"
@@ -227971,7 +223832,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
@@ -227983,7 +223844,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
@@ -228056,7 +223917,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
@@ -228114,22 +223974,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
@@ -228156,16 +224016,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>
@@ -228183,16 +224038,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>
@@ -228247,7 +224097,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
@@ -228268,7 +224117,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
@@ -228325,7 +224173,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"
@@ -228341,7 +224189,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
@@ -228353,7 +224201,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
@@ -228426,7 +224274,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
@@ -228484,22 +224331,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
@@ -228526,16 +224373,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>
@@ -228552,16 +224394,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>