diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index b8570bfc7..c8727d5f1 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -7822,7 +7822,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -8460,7 +8460,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -9097,7 +9097,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -9744,7 +9744,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -10332,7 +10332,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -10969,7 +10969,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -11537,7 +11537,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -12457,7 +12457,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -12793,7 +12793,7 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -13977,7 +13977,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -14483,7 +14483,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -14761,7 +14761,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -15094,7 +15094,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -15550,7 +15550,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -16005,7 +16005,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -16980,7 +16980,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -17734,7 +17734,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -18663,7 +18663,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -19667,7 +19667,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -20642,7 +20642,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -22242,7 +22242,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -23723,7 +23723,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -24720,7 +24720,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -25889,7 +25889,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -26431,7 +26431,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -26770,7 +26770,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -27049,7 +27049,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -27789,7 +27789,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -28533,7 +28533,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -29049,7 +29049,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -29262,7 +29262,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -29518,7 +29518,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -29655,7 +29655,7 @@ exports[`Storyshots Views / Customers / Address Book no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-empty-id"
@@ -29692,7 +29692,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -30398,7 +30398,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -31164,7 +31164,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -31884,7 +31884,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -32416,7 +32416,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -32985,7 +32985,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -33532,7 +33532,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -34055,7 +34055,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -34581,7 +34581,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -35107,7 +35107,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -35614,7 +35614,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -36146,7 +36146,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -36677,7 +36677,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -37777,7 +37777,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -38107,7 +38107,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -38386,7 +38386,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -38746,7 +38746,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -39121,7 +39121,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -39488,7 +39488,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -40238,7 +40238,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -40988,7 +40988,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -41758,7 +41758,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -42551,7 +42551,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -43572,7 +43572,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -44087,7 +44087,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -44432,7 +44432,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -44717,7 +44717,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -45510,7 +45510,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -46323,7 +46323,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -47399,7 +47399,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -48510,7 +48510,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -49601,7 +49601,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -50013,7 +50013,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -50388,7 +50388,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -50743,7 +50743,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-headerContainer-id"
@@ -51402,7 +51402,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-headerContainer-id"
@@ -51784,7 +51784,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-headerContainer-id"
@@ -52106,7 +52106,7 @@ exports[`Storyshots Views / HomePage no permissions 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-headerContainer-id"
@@ -52160,7 +52160,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-headerContainer-id"
@@ -52703,7 +52703,7 @@ exports[`Storyshots Views / HomePage product permissions 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-headerContainer-id"
@@ -52787,7 +52787,7 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id makeStyles-inverted-id"
@@ -53544,7 +53544,7 @@ exports[`Storyshots Views / Navigation / Menu details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id makeStyles-inverted-id"
@@ -53700,7 +53700,7 @@ exports[`Storyshots Views / Navigation / Menu details no data 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id makeStyles-inverted-id"
@@ -53864,7 +53864,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -54180,7 +54180,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -54457,7 +54457,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -54713,7 +54713,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -55903,7 +55903,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -56254,7 +56254,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -56538,7 +56538,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -57324,7 +57324,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -58314,7 +58314,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -59304,7 +59304,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -59852,7 +59852,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -60842,7 +60842,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -61832,7 +61832,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -62822,7 +62822,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -63812,7 +63812,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -64802,7 +64802,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -65792,7 +65792,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -66782,7 +66782,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -67772,7 +67772,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -68762,7 +68762,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -69752,7 +69752,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -70371,7 +70371,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -70769,7 +70769,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -71376,7 +71376,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id makeStyles-header-id"
@@ -71712,7 +71712,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -73298,7 +73298,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -73702,7 +73702,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -74022,7 +74022,7 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -76004,7 +76004,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -76896,7 +76896,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -77793,7 +77793,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -78491,7 +78491,7 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -78853,7 +78853,7 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -79115,7 +79115,7 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -79332,7 +79332,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -79744,7 +79744,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -80156,7 +80156,7 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -80267,7 +80267,7 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -80389,7 +80389,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -80639,7 +80639,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -80859,7 +80859,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -81050,7 +81050,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -81283,7 +81283,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -81521,7 +81521,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -81763,7 +81763,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -82420,7 +82420,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -83082,7 +83082,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -83932,7 +83932,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -84405,7 +84405,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -84705,7 +84705,7 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -87238,7 +87238,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -88306,7 +88306,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -89362,7 +89362,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -90438,7 +90438,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -90895,7 +90895,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -91408,7 +91408,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -91847,7 +91847,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -92378,7 +92378,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -93900,7 +93900,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -95681,7 +95681,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -97462,7 +97462,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -98554,7 +98554,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -100242,7 +100242,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -101955,7 +101955,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -102194,7 +102194,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -102365,7 +102365,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -104080,7 +104080,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -104582,7 +104582,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -104991,7 +104991,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -107101,7 +107101,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -107796,7 +107796,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -108473,7 +108473,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -108919,7 +108919,7 @@ exports[`Storyshots Views / Services / Create service default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -109432,7 +109432,7 @@ exports[`Storyshots Views / Services / Create service form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -109950,7 +109950,7 @@ exports[`Storyshots Views / Services / Create service loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -110500,7 +110500,7 @@ exports[`Storyshots Views / Services / Service details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -111129,7 +111129,7 @@ exports[`Storyshots Views / Services / Service details default token 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -111841,7 +111841,7 @@ exports[`Storyshots Views / Services / Service details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -112475,7 +112475,7 @@ exports[`Storyshots Views / Services / Service details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -113147,7 +113147,7 @@ exports[`Storyshots Views / Services / Service list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -113602,7 +113602,7 @@ exports[`Storyshots Views / Services / Service list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -113930,7 +113930,7 @@ exports[`Storyshots Views / Services / Service list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -114207,7 +114207,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -114390,7 +114390,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -114578,7 +114578,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -115203,7 +115203,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -115833,7 +115833,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -116352,7 +116352,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -116961,7 +116961,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -117367,7 +117367,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -117700,7 +117700,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -118204,7 +118204,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -119065,7 +119065,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -119936,7 +119936,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -120822,7 +120822,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -121133,7 +121133,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -121453,7 +121453,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -122108,7 +122108,7 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -122724,7 +122724,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -123358,7 +123358,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -123668,7 +123668,7 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -124395,7 +124395,7 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -124627,7 +124627,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -124808,7 +124808,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -124904,7 +124904,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -125206,7 +125206,7 @@ exports[`Storyshots Views / Translations / Language list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -125299,7 +125299,7 @@ exports[`Storyshots Views / Translations / Language list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -125369,7 +125369,7 @@ exports[`Storyshots Views / Translations / Language list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -125437,7 +125437,7 @@ exports[`Storyshots Views / Webhooks / Create webhook default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -125969,7 +125969,7 @@ exports[`Storyshots Views / Webhooks / Create webhook form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -126506,7 +126506,7 @@ exports[`Storyshots Views / Webhooks / Create webhook loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -127066,7 +127066,7 @@ exports[`Storyshots Views / Webhooks / Webhook details default 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -127599,7 +127599,7 @@ exports[`Storyshots Views / Webhooks / Webhook details form errors 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -128137,7 +128137,7 @@ exports[`Storyshots Views / Webhooks / Webhook details loading 1`] = `
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
         class="makeStyles-root-id"
@@ -128691,7 +128691,7 @@ exports[`Storyshots Views / Webhooks / Webhook list default 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -129079,7 +129079,7 @@ exports[`Storyshots Views / Webhooks / Webhook list loading 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"
@@ -129416,7 +129416,7 @@ exports[`Storyshots Views / Webhooks / Webhook list no data 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="Container-root-id"
   >
     <div
       class="makeStyles-root-id"