diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 0e0ff0b0d..58c578095 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -49358,7 +49358,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="5"
+                colspan="4"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -50089,7 +50089,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="5"
+                colspan="4"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -50481,7 +50481,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="5"
+                colspan="4"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -50594,7 +50594,7 @@ exports[`Storyshots Views / Collections / Collection list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id"
-                colspan="5"
+                colspan="4"
               >
                 No collections found
               </td>
@@ -65556,6 +65556,18 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col />
+                  <col
+                    class="DiscountCollections-colName-id"
+                  />
+                  <col
+                    class="DiscountCollections-colProducts-id"
+                  />
+                  <col
+                    class="DiscountCollections-colActions-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -65598,7 +65610,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                       </span>
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCollections-wideColumn-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCollections-colName-id"
                       scope="col"
                     >
                       Collection name
@@ -65733,17 +65745,17 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
                       </span>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCollections-colName-id"
                     >
                       Winter Collection
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCollections-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCollections-colProducts-id"
                     >
                       110
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCollections-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCollections-colActions-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -66363,6 +66375,18 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col />
+                  <col
+                    class="DiscountCategories-colName-id"
+                  />
+                  <col
+                    class="DiscountCategories-colProducts-id"
+                  />
+                  <col
+                    class="DiscountCategories-colActions-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -66405,13 +66429,13 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                       </span>
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-colName-id"
                       scope="col"
                     >
                       Category name
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-colProducts-id"
                       scope="col"
                     >
                       Products
@@ -66545,12 +66569,12 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
                       Apparel
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-colProducts-id"
                     >
                       18
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-colActions-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -67180,6 +67204,18 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col />
+                  <col
+                    class="DiscountCategories-colName-id"
+                  />
+                  <col
+                    class="DiscountCategories-colProducts-id"
+                  />
+                  <col
+                    class="DiscountCategories-colActions-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -67222,13 +67258,13 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                       </span>
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-colName-id"
                       scope="col"
                     >
                       Category name
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-colProducts-id"
                       scope="col"
                     >
                       Products
@@ -67362,12 +67398,12 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
                       Apparel
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-colProducts-id"
                     >
                       18
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-colActions-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -68008,6 +68044,18 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col />
+                  <col
+                    class="DiscountCategories-colName-id"
+                  />
+                  <col
+                    class="DiscountCategories-colProducts-id"
+                  />
+                  <col
+                    class="DiscountCategories-colActions-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -68052,13 +68100,13 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                       </span>
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-wideColumn-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-colName-id"
                       scope="col"
                     >
                       Category name
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountCategories-colProducts-id"
                       scope="col"
                     >
                       Products
@@ -68199,7 +68247,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                       </span>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-textRight-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-colProducts-id"
                     >
                       <span
                         class="Skeleton-skeleton-id"
@@ -68208,7 +68256,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
                       </span>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id DiscountCategories-colActions-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
@@ -68847,6 +68895,21 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col />
+                  <col
+                    class="DiscountProducts-colName-id"
+                  />
+                  <col
+                    class="DiscountProducts-colType-id"
+                  />
+                  <col
+                    class="DiscountProducts-colPublished-id"
+                  />
+                  <col
+                    class="DiscountProducts-colActions-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -68911,7 +68974,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                       Published
                     </th>
                     <th
-                      class="MuiTableCell-root-id MuiTableCell-head-id"
+                      class="MuiTableCell-root-id MuiTableCell-head-id DiscountProducts-colActions-id"
                       scope="col"
                     />
                   </tr>
@@ -76576,7 +76639,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -76590,7 +76653,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -76604,7 +76667,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -76618,7 +76681,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -76632,7 +76695,7 @@ exports[`Storyshots Views / Discounts / Voucher list default 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77122,7 +77185,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77136,7 +77199,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77150,7 +77213,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77164,7 +77227,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77178,7 +77241,7 @@ exports[`Storyshots Views / Discounts / Voucher list loading 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77577,7 +77640,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77591,7 +77654,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77605,7 +77668,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77619,7 +77682,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77633,7 +77696,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
                 scope="col"
               >
                 <div
-                  class="TableCellHeader-labelContainer-id"
+                  class="TableCellHeader-labelContainer-id TableCellHeader-labelContainerRight-id"
                 >
                   <div
                     class="TableCellHeader-label-id"
@@ -77652,7 +77715,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="7"
+                colspan="6"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -77765,7 +77828,7 @@ exports[`Storyshots Views / Discounts / Voucher list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id"
-                colspan="7"
+                colspan="6"
               >
                 No vouchers found
               </td>
@@ -78090,6 +78153,15 @@ exports[`Storyshots Views / HomePage default 1`] = `
             <table
               class="MuiTable-root-id"
             >
+              <colgroup>
+                <col
+                  class="HomeProductListCard-colAvatar-id"
+                />
+                <col
+                  class="HomeProductListCard-colName-id"
+                />
+                <col />
+              </colgroup>
               <tbody
                 class="MuiTableBody-root-id"
               >
@@ -78097,7 +78169,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   class="MuiTableRow-root-id HomeProductListCard-tableRow-id MuiTableRow-hover-id"
                 >
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id HomeProductListCard-avatarSpacing-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id HomeProductListCard-colAvatar-id"
                   >
                     <div
                       class="TableCellAvatar-content-id"
@@ -78791,6 +78863,15 @@ exports[`Storyshots Views / HomePage loading 1`] = `
             <table
               class="MuiTable-root-id"
             >
+              <colgroup>
+                <col
+                  class="HomeProductListCard-colAvatar-id"
+                />
+                <col
+                  class="HomeProductListCard-colName-id"
+                />
+                <col />
+              </colgroup>
               <tbody
                 class="MuiTableBody-root-id"
               >
@@ -78798,7 +78879,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
                   class="MuiTableRow-root-id"
                 >
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id HomeProductListCard-avatarSpacing-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id HomeProductListCard-colAvatar-id"
                   >
                     <div
                       class="TableCellAvatar-content-id"
@@ -79157,6 +79238,15 @@ exports[`Storyshots Views / HomePage no data 1`] = `
             <table
               class="MuiTable-root-id"
             >
+              <colgroup>
+                <col
+                  class="HomeProductListCard-colAvatar-id"
+                />
+                <col
+                  class="HomeProductListCard-colName-id"
+                />
+                <col />
+              </colgroup>
               <tbody
                 class="MuiTableBody-root-id"
               >
@@ -81907,7 +81997,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                 </div>
               </th>
               <th
-                class="MuiTableCell-root-id MuiTableCell-head-id"
+                class="MuiTableCell-root-id MuiTableCell-head-id MenuList-colAction-id"
                 scope="col"
               />
             </tr>
@@ -82076,7 +82166,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                 3
               </td>
               <td
-                class="MuiTableCell-root-id MuiTableCell-body-id IconButtonTableCell-root-id"
+                class="MuiTableCell-root-id MuiTableCell-body-id IconButtonTableCell-root-id MenuList-colAction-id"
               >
                 <button
                   class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -82149,7 +82239,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
                 2
               </td>
               <td
-                class="MuiTableCell-root-id MuiTableCell-body-id IconButtonTableCell-root-id"
+                class="MuiTableCell-root-id MuiTableCell-body-id IconButtonTableCell-root-id MenuList-colAction-id"
               >
                 <button
                   class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -82317,7 +82407,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                 </div>
               </th>
               <th
-                class="MuiTableCell-root-id MuiTableCell-head-id"
+                class="MuiTableCell-root-id MuiTableCell-head-id MenuList-colAction-id"
                 scope="col"
               />
             </tr>
@@ -82497,7 +82587,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
                 </span>
               </td>
               <td
-                class="MuiTableCell-root-id MuiTableCell-body-id IconButtonTableCell-root-id"
+                class="MuiTableCell-root-id MuiTableCell-body-id IconButtonTableCell-root-id MenuList-colAction-id"
               >
                 <button
                   class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
@@ -82629,7 +82719,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
                 </div>
               </th>
               <th
-                class="MuiTableCell-root-id MuiTableCell-head-id"
+                class="MuiTableCell-root-id MuiTableCell-head-id MenuList-colAction-id"
                 scope="col"
               />
             </tr>
@@ -82642,7 +82732,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="4"
+                colspan="3"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -82755,7 +82845,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id"
-                colspan="4"
+                colspan="3"
               >
                 No menus found
               </td>
@@ -87429,7 +87519,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -87584,7 +87674,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -88909,7 +88999,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -89105,7 +89195,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -90526,7 +90616,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -90722,7 +90812,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -91999,7 +92089,7 @@ exports[`Storyshots Views / Orders / Order details loading 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -92850,7 +92940,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -93046,7 +93136,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -94467,7 +94557,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -94663,7 +94753,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -96084,7 +96174,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -96280,7 +96370,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -97701,7 +97791,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -97897,7 +97987,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -99318,7 +99408,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -99514,7 +99604,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -100935,7 +101025,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -101131,7 +101221,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -102552,7 +102642,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -102748,7 +102838,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -104169,7 +104259,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -104365,7 +104455,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -105786,7 +105876,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -105982,7 +106072,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -107403,7 +107493,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -107599,7 +107689,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                   >
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillment-infoRow-id"
-                      colspan="4"
+                      colspan="5"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
@@ -124170,7 +124260,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="4"
+                colspan="3"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -124539,7 +124629,7 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="4"
+                colspan="3"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -124878,7 +124968,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="4"
+                colspan="3"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -124991,7 +125081,7 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id"
-                colspan="4"
+                colspan="3"
               >
                 No plugins found
               </td>
@@ -126378,6 +126468,21 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductTypeAttributes-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductTypeAttributes-colName-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colSlug-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colAction-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -126533,7 +126638,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       author
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -126647,7 +126752,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       language
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -126761,7 +126866,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       publisher
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -127416,6 +127521,21 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductTypeAttributes-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductTypeAttributes-colName-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colSlug-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colAction-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -127571,7 +127691,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       author
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -127685,7 +127805,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       language
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -127799,7 +127919,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       publisher
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -128456,6 +128576,21 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductTypeAttributes-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductTypeAttributes-colName-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colSlug-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colAction-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -128622,7 +128757,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                       </span>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-iconCell-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductTypeAttributes-colAction-id"
                     >
                       <button
                         class="MuiButtonBase-root-id MuiIconButton-root-id"
@@ -129067,6 +129202,21 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
               <table
                 class="MuiTable-root-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductTypeAttributes-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductTypeAttributes-colName-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colSlug-id"
+                  />
+                  <col
+                    class="ProductTypeAttributes-colAction-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -140413,10 +140563,11 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                     class="MuiTableRow-root-id"
                   >
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-tabActive-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id ProductVariantNavigation-tabActive-id ProductVariantNavigation-noHandle-id"
+                      colspan="2"
                     >
                       <div
-                        class="TableCellAvatar-content-id"
+                        class="TableCellAvatar-content-id TableCellAvatar-alignRight-id"
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
@@ -140452,14 +140603,10 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             </defs>
                           </svg>
                         </div>
-                        <div
-                          class="TableCellAvatar-children-id"
-                        />
                       </div>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantNavigation-colName-id"
-                      colspan="2"
                     >
                       New Variant
                     </td>
@@ -141215,7 +141362,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -141280,7 +141427,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -141308,10 +141455,11 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                     class="MuiTableRow-root-id"
                   >
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-tabActive-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id ProductVariantNavigation-tabActive-id ProductVariantNavigation-noHandle-id"
+                      colspan="2"
                     >
                       <div
-                        class="TableCellAvatar-content-id"
+                        class="TableCellAvatar-content-id TableCellAvatar-alignRight-id"
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
@@ -141347,14 +141495,10 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             </defs>
                           </svg>
                         </div>
-                        <div
-                          class="TableCellAvatar-children-id"
-                        />
                       </div>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantNavigation-colName-id"
-                      colspan="2"
                     >
                       New Variant
                     </td>
@@ -142110,7 +142254,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -142149,10 +142293,11 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                     class="MuiTableRow-root-id"
                   >
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-tabActive-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id ProductVariantNavigation-tabActive-id ProductVariantNavigation-noHandle-id"
+                      colspan="2"
                     >
                       <div
-                        class="TableCellAvatar-content-id"
+                        class="TableCellAvatar-content-id TableCellAvatar-alignRight-id"
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
@@ -142188,14 +142333,10 @@ exports[`Storyshots Views / Products / Create product variant when loading data
                             </defs>
                           </svg>
                         </div>
-                        <div
-                          class="TableCellAvatar-children-id"
-                        />
                       </div>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantNavigation-colName-id"
-                      colspan="2"
                     >
                       New Variant
                     </td>
@@ -142896,7 +143037,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -142961,7 +143102,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -142989,10 +143130,11 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                     class="MuiTableRow-root-id"
                   >
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-tabActive-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id ProductVariantNavigation-tabActive-id ProductVariantNavigation-noHandle-id"
+                      colspan="2"
                     >
                       <div
-                        class="TableCellAvatar-content-id"
+                        class="TableCellAvatar-content-id TableCellAvatar-alignRight-id"
                       >
                         <div
                           class="MuiAvatar-root-id MuiAvatar-circle-id TableCellAvatar-avatar-id MuiAvatar-colorDefault-id"
@@ -143028,14 +143170,10 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             </defs>
                           </svg>
                         </div>
-                        <div
-                          class="TableCellAvatar-children-id"
-                        />
                       </div>
                     </td>
                     <td
                       class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantNavigation-colName-id"
-                      colspan="2"
                     >
                       New Variant
                     </td>
@@ -144821,6 +144959,24 @@ Ctrl + K"
               <table
                 class="MuiTable-root-id ProductVariants-denseTable-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductVariants-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductVariants-colName-id"
+                  />
+                  <col
+                    class="ProductVariants-colSku-id"
+                  />
+                  <col
+                    class="ProductVariants-colPrice-id"
+                  />
+                  <col
+                    class="ProductVariants-colInventory-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -146936,6 +147092,24 @@ Ctrl + K"
               <table
                 class="MuiTable-root-id ProductVariants-denseTable-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductVariants-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductVariants-colName-id"
+                  />
+                  <col
+                    class="ProductVariants-colSku-id"
+                  />
+                  <col
+                    class="ProductVariants-colPrice-id"
+                  />
+                  <col
+                    class="ProductVariants-colInventory-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -154175,6 +154349,24 @@ Ctrl + K"
               <table
                 class="MuiTable-root-id ProductVariants-denseTable-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductVariants-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductVariants-colName-id"
+                  />
+                  <col
+                    class="ProductVariants-colSku-id"
+                  />
+                  <col
+                    class="ProductVariants-colPrice-id"
+                  />
+                  <col
+                    class="ProductVariants-colInventory-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -157800,6 +157992,24 @@ Ctrl + K"
               <table
                 class="MuiTable-root-id ProductVariants-denseTable-id"
               >
+                <colgroup>
+                  <col
+                    class="ProductVariants-colGrab-id"
+                  />
+                  <col />
+                  <col
+                    class="ProductVariants-colName-id"
+                  />
+                  <col
+                    class="ProductVariants-colSku-id"
+                  />
+                  <col
+                    class="ProductVariants-colPrice-id"
+                  />
+                  <col
+                    class="ProductVariants-colInventory-id"
+                  />
+                </colgroup>
                 <thead
                   class="MuiTableHead-root-id"
                 >
@@ -168236,7 +168446,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -168301,7 +168511,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -168366,7 +168576,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -168431,7 +168641,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -169698,7 +169908,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -169763,7 +169973,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -169828,7 +170038,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -169893,7 +170103,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -171147,7 +171357,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
                       </svg>
                     </td>
                     <td
-                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
+                      class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductVariantNavigation-colAvatar-id"
                     >
                       <div
                         class="TableCellAvatar-content-id"
@@ -174655,7 +174865,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     Countries
                   </th>
                   <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id"
+                    class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colAction-id"
                     scope="col"
                   />
                 </tr>
@@ -174824,7 +175034,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     51
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -174897,7 +175107,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     29
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -174970,7 +175180,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     51
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -175043,7 +175253,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     57
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -175116,7 +175326,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list default 1`] = `
                     60
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -175380,7 +175590,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                     Countries
                   </th>
                   <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id"
+                    class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colAction-id"
                     scope="col"
                   />
                 </tr>
@@ -175393,7 +175603,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                 >
                   <td
                     class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                    colspan="4"
+                    colspan="3"
                   >
                     <div
                       class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -175560,7 +175770,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list loading 1`] = `
                     </span>
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
@@ -175787,7 +175997,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                     Countries
                   </th>
                   <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id"
+                    class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colAction-id"
                     scope="col"
                   />
                 </tr>
@@ -175913,7 +176123,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no data 1`] = `
                 >
                   <td
                     class="MuiTableCell-root-id MuiTableCell-body-id"
-                    colspan="4"
+                    colspan="3"
                   >
                     No shipping zones found
                   </td>
@@ -176155,7 +176365,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     Countries
                   </th>
                   <th
-                    class="MuiTableCell-root-id MuiTableCell-head-id"
+                    class="MuiTableCell-root-id MuiTableCell-head-id ShippingZonesList-colAction-id"
                     scope="col"
                   />
                 </tr>
@@ -176324,7 +176534,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     51
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -176397,7 +176607,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     29
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -176470,7 +176680,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     51
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -176543,7 +176753,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     57
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -176616,7 +176826,7 @@ exports[`Storyshots Views / Shipping / Shipping zones list no site settings perm
                     60
                   </td>
                   <td
-                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-alignRight-id"
+                    class="MuiTableCell-root-id MuiTableCell-body-id ShippingZonesList-colAction-id"
                   >
                     <button
                       class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
@@ -180863,7 +181073,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="3"
+                colspan="2"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"
@@ -181542,7 +181752,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-footer-id TablePagination-root-id"
-                colspan="3"
+                colspan="2"
               >
                 <div
                   class="MuiToolbar-root-id MuiToolbar-regular-id TablePagination-toolbar-id MuiToolbar-gutters-id"