diff --git a/package-lock.json b/package-lock.json
index 787f98ca30b..54187708370 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5248,9 +5248,9 @@
       }
     },
     "@saleor/macaw-ui": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/@saleor/macaw-ui/-/macaw-ui-0.6.3.tgz",
-      "integrity": "sha512-YJPSho+mQHaZsHZancLbWoHKoF0pNLuB1OeeUz/xFMVkMw3aq1WhRWBvEN3byeshGPw7v7jYTmCtNL22UciiJA==",
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@saleor/macaw-ui/-/macaw-ui-0.6.6.tgz",
+      "integrity": "sha512-Ri1/1L7Kwgs9glbn9SVht5wVMyYq9sZwL6FOPJvicTRFdod360aliQhXH3CeMJIe0WPKB/H0TfmYD4iUeQufJw==",
       "requires": {
         "@floating-ui/react-dom-interactions": "^0.5.0",
         "clsx": "^1.1.1",
@@ -8305,11 +8305,18 @@
       "dev": true
     },
     "aria-hidden": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.1.3.tgz",
-      "integrity": "sha512-RhVWFtKH5BiGMycI72q2RAFMLQi8JP9bLuQXgR5a8Znp7P5KOIADSJeyfI8PCVxLEp067B2HbP5JIiI/PXIZeA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.1.tgz",
+      "integrity": "sha512-PN344VAf9j1EAi+jyVHOJ8XidQdPVssGco39eNcsGdM4wcsILtxrKLkbuiMfLWYROK1FjRQasMWCBttrhjnr6A==",
       "requires": {
-        "tslib": "^1.0.0"
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+          "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+        }
       }
     },
     "arr-diff": {
@@ -16353,7 +16360,7 @@
     "functional-red-black-tree": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
       "dev": true
     },
     "functions-have-names": {
@@ -20297,7 +20304,7 @@
     "json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
     "json-stringify-safe": {
@@ -21625,7 +21632,7 @@
     "lodash.truncate": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
       "dev": true
     },
     "log-symbols": {
diff --git a/package.json b/package.json
index 1dcffd56219..90b278a3863 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "@material-ui/lab": "^4.0.0-alpha.58",
     "@material-ui/styles": "^4.11.4",
     "@reach/auto-id": "^0.16.0",
-    "@saleor/macaw-ui": "^0.6.3",
+    "@saleor/macaw-ui": "~0.6.6",
     "@saleor/sdk": "^0.4.4",
     "@sentry/react": "^6.0.0",
     "@types/faker": "^5.1.6",
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index d79d8215361..13ffb6771b1 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -5534,7 +5534,7 @@ exports[`Storyshots Generics / Datagrid default 1`] = `
         >
           <div
             class="Datagrid-datagrid-id wzg2m5k"
-            style="--wzg2m5k-0:1498px;--wzg2m5k-1:528px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+            style="--wzg2m5k-0:1498px;--wzg2m5k-1:528px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
           >
             <div />
             <div
@@ -5703,7 +5703,7 @@ exports[`Storyshots Generics / Datagrid with errors 1`] = `
         >
           <div
             class="Datagrid-datagrid-id wzg2m5k"
-            style="--wzg2m5k-0:1498px;--wzg2m5k-1:528px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+            style="--wzg2m5k-0:1498px;--wzg2m5k-1:528px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
           >
             <div />
             <div
@@ -25083,7 +25083,7 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
         </div>
       </div>
       <div
-        class="ResponsiveTable-root-id"
+        class="ResponsiveTable-root-id ResponsiveTable-root-id"
       >
         <table
           class="MuiTable-root-id"
@@ -25282,7 +25282,7 @@ exports[`Storyshots Views / Apps / Apps list default 1`] = `
         </div>
       </div>
       <div
-        class="ResponsiveTable-root-id"
+        class="ResponsiveTable-root-id ResponsiveTable-root-id"
       >
         <a
           class="TableRowLink-link-id"
@@ -25611,7 +25611,7 @@ exports[`Storyshots Views / Apps / Apps list loading 1`] = `
         </div>
       </div>
       <div
-        class="ResponsiveTable-root-id"
+        class="ResponsiveTable-root-id ResponsiveTable-root-id"
       >
         <table
           class="MuiTable-root-id"
@@ -25754,7 +25754,7 @@ exports[`Storyshots Views / Apps / Apps list no data 1`] = `
         </div>
       </div>
       <div
-        class="ResponsiveTable-root-id"
+        class="ResponsiveTable-root-id ResponsiveTable-root-id"
       >
         <table
           class="MuiTable-root-id"
@@ -184508,7 +184508,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -186928,7 +186928,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -189343,7 +189343,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -191494,7 +191494,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -193909,7 +193909,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -196324,7 +196324,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1308px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1308px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -198739,7 +198739,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -201154,7 +201154,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -204200,7 +204200,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div
@@ -206615,7 +206615,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
               >
                 <div
                   class="Datagrid-datagrid-id wzg2m5k"
-                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#EFF5F8;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
+                  style="--wzg2m5k-0:1708px;--wzg2m5k-1:240px;--gdg-accent-color:#056DFF;--gdg-accent-fg:transparent;--gdg-accent-light:#FAFBFA;--gdg-text-dark:#28234A;--gdg-text-medium:#28234A;--gdg-text-light:#28234A;--gdg-text-bubble:#28234A;--gdg-bg-icon-header:#737383;--gdg-fg-icon-header:#FFFFFF;--gdg-text-header:rgba(40, 35, 74, 0.6);--gdg-text-group-header:rgba(40, 35, 74, 0.6);--gdg-text-header-selected:#FFFFFF;--gdg-bg-cell:#FFFFFF;--gdg-bg-cell-medium:#FAFAFB;--gdg-bg-header:#FFFFFF;--gdg-bg-header-has-focus:#FFFFFF;--gdg-bg-header-hovered:#FFFFFF;--gdg-bg-bubble:#EDEDF3;--gdg-bg-bubble-selected:#FFFFFF;--gdg-bg-search-result:#fff9e3;--gdg-border-color:#EAEAEA;--gdg-horizontal-border-color:#EAEAEA;--gdg-drilldown-border:rgba(0, 0, 0, 0);--gdg-link-color:#4F5DFF;--gdg-cell-horizontal-padding:8px;--gdg-cell-vertical-padding:3px;--gdg-header-font-style:14px;--gdg-base-font-style:16px;--gdg-font-family:\\"Inter\\", \\"roboto\\", \\"sans-serif\\";--gdg-editor-font-size:16px"
                 >
                   <div />
                   <div