diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index c8727d5f1..21cc3a558 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -3073,7 +3073,7 @@ exports[`Storyshots Generics / PageHeader with title 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
   >
     <div
       class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -3081,7 +3081,7 @@ exports[`Storyshots Generics / PageHeader with title 1`] = `
       Lorem ipsum
     </div>
     <div
-      class="makeStyles-action-id"
+      class="ExtendedPageHeader-action-id"
     >
       <div
         class="makeStyles-root-id"
@@ -3096,7 +3096,7 @@ exports[`Storyshots Generics / PageHeader with title icon bar 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
   >
     <div
       class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -3104,7 +3104,7 @@ exports[`Storyshots Generics / PageHeader with title icon bar 1`] = `
       Lorem ipsum
     </div>
     <div
-      class="makeStyles-action-id"
+      class="ExtendedPageHeader-action-id"
     >
       <div
         class="makeStyles-root-id"
@@ -3141,7 +3141,7 @@ exports[`Storyshots Generics / PageHeader without title 1`] = `
   style="padding:24px"
 >
   <div
-    class="makeStyles-root-id"
+    class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
   >
     <div
       class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -3154,7 +3154,7 @@ exports[`Storyshots Generics / PageHeader without title 1`] = `
       </span>
     </div>
     <div
-      class="makeStyles-action-id"
+      class="ExtendedPageHeader-action-id"
     >
       <div
         class="makeStyles-root-id"
@@ -7825,7 +7825,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -7833,7 +7833,7 @@ exports[`Storyshots Views / Attributes / Attribute details create 1`] = `
           Create New Attribute
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -8463,7 +8463,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -8471,7 +8471,7 @@ exports[`Storyshots Views / Attributes / Attribute details default 1`] = `
           Author
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -9100,7 +9100,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -9108,7 +9108,7 @@ exports[`Storyshots Views / Attributes / Attribute details form errors 1`] = `
           Author
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -9747,7 +9747,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -9760,7 +9760,7 @@ exports[`Storyshots Views / Attributes / Attribute details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -10335,7 +10335,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -10343,7 +10343,7 @@ exports[`Storyshots Views / Attributes / Attribute details multiple select input
           Author
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -10972,7 +10972,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -10980,7 +10980,7 @@ exports[`Storyshots Views / Attributes / Attribute details no values 1`] = `
           Author
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -11540,7 +11540,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -11548,7 +11548,7 @@ exports[`Storyshots Views / Attributes / Attribute list default 1`] = `
         Attributes
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -12460,7 +12460,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -12468,7 +12468,7 @@ exports[`Storyshots Views / Attributes / Attribute list loading 1`] = `
         Attributes
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -12796,7 +12796,7 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -12804,7 +12804,7 @@ exports[`Storyshots Views / Attributes / Attribute list no data 1`] = `
         Attributes
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -13980,7 +13980,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -13988,7 +13988,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
         Categories
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -14486,7 +14486,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -14494,7 +14494,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
         Categories
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -14764,7 +14764,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -14772,7 +14772,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
         Categories
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -15097,7 +15097,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -15105,7 +15105,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
           Create New Category
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -15553,7 +15553,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -15561,7 +15561,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
           Create New Category
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -16008,7 +16008,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -16016,7 +16016,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
           Coffees
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -16983,7 +16983,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -16996,7 +16996,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -17737,7 +17737,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -17745,7 +17745,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
           Coffees
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -18666,7 +18666,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -18674,7 +18674,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
           Coffees
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -19670,7 +19670,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -19678,7 +19678,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
           Coffees
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -20645,7 +20645,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -20653,7 +20653,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
           Coffees
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -22245,7 +22245,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -22253,7 +22253,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
           Summer collection
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -23726,7 +23726,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -23739,7 +23739,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -24723,7 +24723,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -24731,7 +24731,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
           Summer collection
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -25892,7 +25892,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -25900,7 +25900,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
         Collections
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -26434,7 +26434,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -26442,7 +26442,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
         Collections
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -26773,7 +26773,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -26781,7 +26781,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
         Collections
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -27052,7 +27052,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -27060,7 +27060,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
           Add Collection
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -27792,7 +27792,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -27800,7 +27800,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
           Add Collection
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -28536,7 +28536,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id makeStyles-header-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -28544,7 +28544,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
         Configuration
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -29052,7 +29052,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id makeStyles-header-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -29060,7 +29060,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
         Configuration
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -29265,7 +29265,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -29273,7 +29273,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
         Tom Cooper's Address Book
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -29521,7 +29521,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -29529,7 +29529,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
         ...'s Address Book
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -29695,7 +29695,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -29703,7 +29703,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
           Add Customer
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -30401,7 +30401,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -30409,7 +30409,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
           Add Customer
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -31167,7 +31167,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -31175,7 +31175,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
           Add Customer
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -31887,7 +31887,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -31895,7 +31895,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -32419,7 +32419,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -32427,7 +32427,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -32988,7 +32988,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -32996,7 +32996,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -33535,7 +33535,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -33548,7 +33548,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -34058,7 +34058,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -34066,7 +34066,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -34584,7 +34584,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -34592,7 +34592,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -35110,7 +35110,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -35118,7 +35118,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -35617,7 +35617,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -35625,7 +35625,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -36149,7 +36149,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -36157,7 +36157,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
           Tom Cooper
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -36680,7 +36680,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -36688,7 +36688,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
         Customers
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -37780,7 +37780,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -37788,7 +37788,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
         Customers
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -38110,7 +38110,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -38118,7 +38118,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
         Customers
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -38389,7 +38389,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -38397,7 +38397,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
           Create Sale
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -38749,7 +38749,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -38757,7 +38757,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
           Create Sale
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -39124,7 +39124,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -39132,7 +39132,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
           Create Sale
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -39491,7 +39491,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -39499,7 +39499,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
           Happy minute day!
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -40241,7 +40241,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -40249,7 +40249,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
           Happy minute day!
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -40991,7 +40991,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -40999,7 +40999,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
           Happy minute day!
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -41761,7 +41761,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -41774,7 +41774,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -42554,7 +42554,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -42562,7 +42562,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
           Happy minute day!
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -43575,7 +43575,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -43583,7 +43583,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
         Sales
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -44090,7 +44090,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -44098,7 +44098,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
         Sales
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -44435,7 +44435,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -44443,7 +44443,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
         Sales
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -44720,7 +44720,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -44728,7 +44728,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
           Create Voucher
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -45513,7 +45513,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -45521,7 +45521,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
           Create Voucher
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -46326,7 +46326,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -46334,7 +46334,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
           DISCOUNT
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -47402,7 +47402,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -47410,7 +47410,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
           DISCOUNT
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -48513,7 +48513,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -48526,7 +48526,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -49604,7 +49604,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -49612,7 +49612,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
         Vouchers
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -50016,7 +50016,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -50024,7 +50024,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
         Vouchers
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -50391,7 +50391,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -50399,7 +50399,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
         Vouchers
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -53867,7 +53867,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -53875,7 +53875,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
         Navigation
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -54183,7 +54183,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -54191,7 +54191,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
         Navigation
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -54460,7 +54460,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -54468,7 +54468,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
         Navigation
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -54716,7 +54716,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -54724,7 +54724,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
         Draft Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -55906,7 +55906,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -55914,7 +55914,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
         Draft Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -56257,7 +56257,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -56265,7 +56265,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
         Draft Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -56541,7 +56541,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -56549,7 +56549,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -56557,7 +56557,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -57327,7 +57327,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -57335,7 +57335,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -57369,7 +57369,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -58317,7 +58317,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -58325,7 +58325,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -58359,7 +58359,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -59307,7 +59307,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -59320,7 +59320,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
         </span>
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -59354,7 +59354,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <span
         class="makeStyles-skeleton-id"
@@ -59855,7 +59855,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -59863,7 +59863,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -59897,7 +59897,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -60845,7 +60845,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -60853,7 +60853,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -60887,7 +60887,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -61835,7 +61835,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -61843,7 +61843,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -61877,7 +61877,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -62825,7 +62825,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -62833,7 +62833,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -62867,7 +62867,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -63815,7 +63815,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -63823,7 +63823,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -63857,7 +63857,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -64805,7 +64805,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -64813,7 +64813,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -64847,7 +64847,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -65795,7 +65795,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -65803,7 +65803,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -65837,7 +65837,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -66785,7 +66785,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -66793,7 +66793,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -66827,7 +66827,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -67775,7 +67775,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -67783,7 +67783,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -67817,7 +67817,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -68765,7 +68765,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id OrderDetailsPage-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -68773,7 +68773,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
         #9
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -68807,7 +68807,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
       </div>
     </div>
     <div
-      class="makeStyles-date-id"
+      class="OrderDetailsPage-date-id"
     >
       <div
         class="MuiTypography-root-id MuiTypography-caption-id"
@@ -69755,7 +69755,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id makeStyles-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -69763,7 +69763,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
         #24
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -70374,7 +70374,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id makeStyles-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -70387,7 +70387,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
         </span>
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -70772,7 +70772,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id makeStyles-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -70780,7 +70780,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
         #24
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -71379,7 +71379,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id makeStyles-header-id"
+      class="ExtendedPageHeader-root-id makeStyles-header-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -71387,7 +71387,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
         #24
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -71715,7 +71715,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -71723,7 +71723,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
         Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -73301,7 +73301,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -73309,7 +73309,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
         Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -73705,7 +73705,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -73713,7 +73713,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
         Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -74025,7 +74025,7 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -74033,7 +74033,7 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
         Orders
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -76007,7 +76007,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -76015,7 +76015,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
           About
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -76899,7 +76899,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -76907,7 +76907,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
           About
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -77796,7 +77796,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -77809,7 +77809,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -78494,7 +78494,7 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -78502,7 +78502,7 @@ exports[`Storyshots Views / Pages / Page list default 1`] = `
         Pages
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -78856,7 +78856,7 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -78864,7 +78864,7 @@ exports[`Storyshots Views / Pages / Page list loading 1`] = `
         Pages
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -79118,7 +79118,7 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -79126,7 +79126,7 @@ exports[`Storyshots Views / Pages / Page list no data 1`] = `
         Pages
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -79335,7 +79335,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -79343,7 +79343,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
           Username or account Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -79747,7 +79747,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -79755,7 +79755,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
           Username or account Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -80159,7 +80159,7 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -80167,7 +80167,7 @@ exports[`Storyshots Views / Plugins / Plugin details loading 1`] = `
           ... Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -80270,7 +80270,7 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -80278,7 +80278,7 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
           Username or account Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -80392,7 +80392,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -80400,7 +80400,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
         Plugins
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -80642,7 +80642,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -80650,7 +80650,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
         Plugins
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -80862,7 +80862,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -80870,7 +80870,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
         Plugins
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -81053,7 +81053,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -81061,7 +81061,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
           Create product type
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -81286,7 +81286,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -81294,7 +81294,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
           Create product type
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -81524,7 +81524,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -81537,7 +81537,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -81766,7 +81766,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -81774,7 +81774,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
           E-books
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -82423,7 +82423,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -82431,7 +82431,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
           E-books
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -83085,7 +83085,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -83098,7 +83098,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -83571,10 +83571,10 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
 >
   <form>
     <div
-      class="makeStyles-root-id"
+      class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -83582,7 +83582,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
           E-books
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -83935,7 +83935,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -83943,7 +83943,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
         Product Types
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -84408,7 +84408,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -84416,7 +84416,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
         Product Types
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -84708,7 +84708,7 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -84716,7 +84716,7 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
         Product Types
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -87241,7 +87241,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -87249,7 +87249,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
           Add product
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -88309,7 +88309,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -88317,7 +88317,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
           Add product
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -89365,7 +89365,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -89373,7 +89373,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
           Add product
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -90441,7 +90441,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -90449,7 +90449,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
           Add variant
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -90898,7 +90898,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -90906,7 +90906,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
           Add variant
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -91411,7 +91411,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -91419,7 +91419,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
           Add variant
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -91850,7 +91850,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -91858,7 +91858,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
           Add variant
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -92381,7 +92381,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -92389,7 +92389,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
           Ergonomic Plastic Bacon
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -93903,7 +93903,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -93911,7 +93911,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
           Ergonomic Plastic Bacon
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -95684,7 +95684,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -95692,7 +95692,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
           Ergonomic Plastic Bacon
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -97465,7 +97465,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -97478,7 +97478,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -98557,7 +98557,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -98565,7 +98565,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
           Ergonomic Plastic Bacon
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -100245,7 +100245,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -100253,7 +100253,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
           Ergonomic Plastic Bacon
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -101958,7 +101958,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -101966,7 +101966,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
           Edit Photo
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -102197,7 +102197,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -102205,7 +102205,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
           Edit Photo
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -102368,7 +102368,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -102376,7 +102376,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
         Products
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -104083,7 +104083,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -104091,7 +104091,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
         Products
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -104585,7 +104585,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -104593,7 +104593,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
         Products
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -104994,7 +104994,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -105002,7 +105002,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
         Products
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -107104,7 +107104,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -107112,7 +107112,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
         Extended Hard
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -107799,7 +107799,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -107807,7 +107807,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
         Extended Hard
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -108476,7 +108476,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -108489,7 +108489,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
         </span>
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -108922,7 +108922,7 @@ exports[`Storyshots Views / Services / Create service default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -108930,7 +108930,7 @@ exports[`Storyshots Views / Services / Create service default 1`] = `
           Create New Account
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -109435,7 +109435,7 @@ exports[`Storyshots Views / Services / Create service form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -109443,7 +109443,7 @@ exports[`Storyshots Views / Services / Create service form errors 1`] = `
           Create New Account
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -109953,7 +109953,7 @@ exports[`Storyshots Views / Services / Create service loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -109961,7 +109961,7 @@ exports[`Storyshots Views / Services / Create service loading 1`] = `
           Create New Account
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -110503,7 +110503,7 @@ exports[`Storyshots Views / Services / Service details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -110511,7 +110511,7 @@ exports[`Storyshots Views / Services / Service details default 1`] = `
           Magento Importer
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -111132,7 +111132,7 @@ exports[`Storyshots Views / Services / Service details default token 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -111140,7 +111140,7 @@ exports[`Storyshots Views / Services / Service details default token 1`] = `
           Magento Importer
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -111844,7 +111844,7 @@ exports[`Storyshots Views / Services / Service details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -111852,7 +111852,7 @@ exports[`Storyshots Views / Services / Service details form errors 1`] = `
           Magento Importer
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -112478,7 +112478,7 @@ exports[`Storyshots Views / Services / Service details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -112491,7 +112491,7 @@ exports[`Storyshots Views / Services / Service details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -113150,7 +113150,7 @@ exports[`Storyshots Views / Services / Service list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -113158,7 +113158,7 @@ exports[`Storyshots Views / Services / Service list default 1`] = `
         Service Accounts
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -113605,7 +113605,7 @@ exports[`Storyshots Views / Services / Service list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -113613,7 +113613,7 @@ exports[`Storyshots Views / Services / Service list loading 1`] = `
         Service Accounts
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -113933,7 +113933,7 @@ exports[`Storyshots Views / Services / Service list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -113941,7 +113941,7 @@ exports[`Storyshots Views / Services / Service list no data 1`] = `
         Service Accounts
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -114210,7 +114210,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -114218,7 +114218,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
           Create New Shipping Zone
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -114393,7 +114393,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -114401,7 +114401,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
           Create New Shipping Zone
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -114581,7 +114581,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -114589,7 +114589,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
           Europe
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -115206,7 +115206,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -115214,7 +115214,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
           Europe
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -115836,7 +115836,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -115849,7 +115849,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -116355,7 +116355,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -116363,7 +116363,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
         Shipping
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -116964,7 +116964,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -116972,7 +116972,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
         Shipping
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -117370,7 +117370,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -117378,7 +117378,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
         Shipping
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -117703,7 +117703,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -117711,7 +117711,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
         Shipping
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -118207,7 +118207,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -118215,7 +118215,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
           General Informations
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -119068,7 +119068,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -119076,7 +119076,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
           General Informations
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -119939,7 +119939,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -119947,7 +119947,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
           General Informations
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -120825,7 +120825,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -120833,7 +120833,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
           Jacob Smith
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -121136,7 +121136,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -121144,7 +121144,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
           Jacob Smith
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -121456,7 +121456,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -121469,7 +121469,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
           </span>
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -122111,7 +122111,7 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -122119,7 +122119,7 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
           Jacob Smith
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -122727,7 +122727,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -122735,7 +122735,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
         Staff Members
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -123361,7 +123361,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -123369,7 +123369,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
         Staff Members
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -123671,7 +123671,7 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -123679,7 +123679,7 @@ exports[`Storyshots Views / Taxes / Country List default 1`] = `
           Taxes
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -124398,7 +124398,7 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -124406,7 +124406,7 @@ exports[`Storyshots Views / Taxes / Country List loading 1`] = `
           Taxes
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -124630,7 +124630,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -124638,7 +124638,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories default 1`] = `
         Tax Rates in Austria
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -124811,7 +124811,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -124824,7 +124824,7 @@ exports[`Storyshots Views / Taxes / Reduced Tax Categories loading 1`] = `
         </span>
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -124907,7 +124907,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -124915,7 +124915,7 @@ exports[`Storyshots Views / Translations / Entity list default 1`] = `
         Translations to English
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -125209,7 +125209,7 @@ exports[`Storyshots Views / Translations / Language list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -125217,7 +125217,7 @@ exports[`Storyshots Views / Translations / Language list default 1`] = `
         Languages
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -125302,7 +125302,7 @@ exports[`Storyshots Views / Translations / Language list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -125310,7 +125310,7 @@ exports[`Storyshots Views / Translations / Language list loading 1`] = `
         Languages
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -125372,7 +125372,7 @@ exports[`Storyshots Views / Translations / Language list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -125380,7 +125380,7 @@ exports[`Storyshots Views / Translations / Language list no data 1`] = `
         Languages
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -125440,7 +125440,7 @@ exports[`Storyshots Views / Webhooks / Create webhook default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -125448,7 +125448,7 @@ exports[`Storyshots Views / Webhooks / Create webhook default 1`] = `
           Create Webhook
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -125972,7 +125972,7 @@ exports[`Storyshots Views / Webhooks / Create webhook form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -125980,7 +125980,7 @@ exports[`Storyshots Views / Webhooks / Create webhook form errors 1`] = `
           Create Webhook
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -126509,7 +126509,7 @@ exports[`Storyshots Views / Webhooks / Create webhook loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -126517,7 +126517,7 @@ exports[`Storyshots Views / Webhooks / Create webhook loading 1`] = `
           Create Webhook
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -127069,7 +127069,7 @@ exports[`Storyshots Views / Webhooks / Webhook details default 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -127077,7 +127077,7 @@ exports[`Storyshots Views / Webhooks / Webhook details default 1`] = `
           Webhook Test 2 Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -127602,7 +127602,7 @@ exports[`Storyshots Views / Webhooks / Webhook details form errors 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -127610,7 +127610,7 @@ exports[`Storyshots Views / Webhooks / Webhook details form errors 1`] = `
           Webhook Test 2 Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -128140,7 +128140,7 @@ exports[`Storyshots Views / Webhooks / Webhook details loading 1`] = `
       class="Container-root-id"
     >
       <div
-        class="makeStyles-root-id"
+        class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
       >
         <div
           class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -128148,7 +128148,7 @@ exports[`Storyshots Views / Webhooks / Webhook details loading 1`] = `
           ... Details
         </div>
         <div
-          class="makeStyles-action-id"
+          class="ExtendedPageHeader-action-id"
         >
           <div
             class="makeStyles-root-id"
@@ -128694,7 +128694,7 @@ exports[`Storyshots Views / Webhooks / Webhook list default 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -128702,7 +128702,7 @@ exports[`Storyshots Views / Webhooks / Webhook list default 1`] = `
         Webhooks
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -129082,7 +129082,7 @@ exports[`Storyshots Views / Webhooks / Webhook list loading 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -129090,7 +129090,7 @@ exports[`Storyshots Views / Webhooks / Webhook list loading 1`] = `
         Webhooks
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"
@@ -129419,7 +129419,7 @@ exports[`Storyshots Views / Webhooks / Webhook list no data 1`] = `
     class="Container-root-id"
   >
     <div
-      class="makeStyles-root-id"
+      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
     >
       <div
         class="MuiTypography-root-id makeStyles-title-id MuiTypography-h5-id"
@@ -129427,7 +129427,7 @@ exports[`Storyshots Views / Webhooks / Webhook list no data 1`] = `
         Webhooks
       </div>
       <div
-        class="makeStyles-action-id"
+        class="ExtendedPageHeader-action-id"
       >
         <div
           class="makeStyles-root-id"