diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
index b1d9f1b9b4..b7da648f98 100644
--- a/.github/workflows/lighthouse.yml
+++ b/.github/workflows/lighthouse.yml
@@ -1,14 +1,15 @@
 name: Lighthouse Report
 
 on:
-  deployment_status
+  deployment_status:
+    states: ['success']
 
 jobs:
   generate_lighthouse_audit:
     name: Deployment Audit
     timeout-minutes: 30
     runs-on: ubuntu-latest
-    if:  ${{ github.event.deployment_status.state == 'success' && contains(github.event.deployment_status.target_url, 'catalyst-latest') }}
+    if: ${{ contains(fromJson('["Production – catalyst-latest", "Preview – catalyst-latest"]'), github.event.deployment_status.environment) }}
 
     steps:
       - name: Checkout code
diff --git a/.github/workflows/playwright-ui.yml b/.github/workflows/playwright-ui.yml
new file mode 100644
index 0000000000..ad267205bf
--- /dev/null
+++ b/.github/workflows/playwright-ui.yml
@@ -0,0 +1,47 @@
+name: Playwright UI Tests
+
+on:
+  deployment_status:
+    states: ['success']
+
+jobs:
+  ui-tests:
+    name: Run UI Tests
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    if: ${{ contains(fromJson('["Production – catalyst-latest", "Preview – catalyst-latest"]'), github.event.deployment_status.environment) }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@main
+
+      - uses: pnpm/action-setup@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@main
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Playwright Browsers
+        run: |
+          cd packages/functional
+          npx playwright install chromium
+
+      - name: Run Playwright tests
+        env:
+          PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
+          VERCEL_PROTECTION_BYPASS: ${{ secrets.VERCEL_PROTECTION_BYPASS_CATALYST_LATEST }}
+        run: |
+          cd packages/functional
+          npx playwright test tests/ui/ --project=tests-chromium 
+
+      - uses: actions/upload-artifact@v3
+        if: failure()
+        with:
+          name: playwright-report
+          path: packages/functional/playwright-report/
+          retention-days: 30
diff --git a/.github/workflows/playwright-visual-regression.yml b/.github/workflows/playwright-visual-regression.yml
new file mode 100644
index 0000000000..b560ada6c8
--- /dev/null
+++ b/.github/workflows/playwright-visual-regression.yml
@@ -0,0 +1,47 @@
+name: Playwright Visual Regression Tests
+
+on:
+  deployment_status:
+    states: ['success']
+
+jobs:
+  visual-regression-tests:
+    name: Run Visual Regression Tests
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    if: ${{ contains(fromJson('["Production – catalyst-storybook", "Preview – catalyst-storybook"]'), github.event.deployment_status.environment) }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@main
+
+      - uses: pnpm/action-setup@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@main
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Playwright Browsers
+        run: |
+          cd packages/functional
+          npx playwright install chromium
+
+      - name: Run Playwright tests
+        env:
+          PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
+          VERCEL_PROTECTION_BYPASS: ${{ secrets.VERCEL_PROTECTION_BYPASS_STORYBOOK }}
+        run: |
+          cd packages/functional
+          npx playwright test tests/visual-regression/reactant/components/ --project=tests-chromium
+
+      - uses: actions/upload-artifact@v3
+        if: failure()
+        with:
+          name: playwright-report
+          path: packages/functional/playwright-report/
+          retention-days: 30
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
deleted file mode 100644
index 1a04916b4d..0000000000
--- a/.github/workflows/playwright.yml
+++ /dev/null
@@ -1,83 +0,0 @@
-name: Playwright Tests
-
-on:
-  deployment_status
-
-jobs:
-  visual-regression-tests:
-    name: Visual Regression Tests
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    if:  ${{ github.event.deployment_status.state == 'success' && contains(github.event.deployment_status.target_url, 'storybook') }}
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@main
-
-      - uses: pnpm/action-setup@v2
-
-      - name: Use Node.js
-        uses: actions/setup-node@main
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
-      - name: Install Playwright Browsers
-        run: |
-          cd packages/functional
-          npx playwright install chromium
-
-      - name: Run Playwright tests
-        env:
-          PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
-        run: |
-          cd packages/functional
-          npx playwright test tests/visual-regression/reactant/components/ --project=tests-chromium
-
-      - uses: actions/upload-artifact@v3
-        if: failure()
-        with:
-          name: playwright-report
-          path: packages/functional/playwright-report/
-          retention-days: 30
-
-  ui-tests:
-    name: Playwright UI Tests
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    if: ${{ github.event.deployment_status.state == 'success' && ! contains(github.event.deployment_status.target_url, 'storybook') }}
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@main
-
-      - uses: pnpm/action-setup@v2
-
-      - name: Use Node.js
-        uses: actions/setup-node@main
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
-      - name: Install Playwright Browsers
-        run: |
-          cd packages/functional
-          npx playwright install chromium
-
-      - name: Run Playwright tests
-        env:
-          PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
-        run: |
-          cd packages/functional
-          npx playwright test tests/ui/ --project=tests-chromium 
-
-      - uses: actions/upload-artifact@v3
-        if: failure()
-        with:
-          name: playwright-report
-          path: packages/functional/playwright-report/
-          retention-days: 30
diff --git a/packages/functional/playwright.config.js b/packages/functional/playwright.config.js
index 044d58b3f1..6b4b363fd2 100644
--- a/packages/functional/playwright.config.js
+++ b/packages/functional/playwright.config.js
@@ -15,6 +15,10 @@ export default defineConfig({
     screenshot: 'only-on-failure',
     video: 'retain-on-failure',
     trace: 'retain-on-failure',
+    extraHTTPHeaders: {
+      'x-vercel-protection-bypass': process.env.VERCEL_PROTECTION_BYPASS,
+      'x-vercel-set-bypass-cookie': process.env.CI ? 'true' : 'false',
+    },
   },
   projects: [
     {
diff --git a/packages/functional/tests/ui/core/components/Counter.spec.ts b/packages/functional/tests/ui/core/components/Counter.spec.ts
index 2e0380b4b1..d4a54a3d7d 100644
--- a/packages/functional/tests/ui/core/components/Counter.spec.ts
+++ b/packages/functional/tests/ui/core/components/Counter.spec.ts
@@ -35,17 +35,3 @@ test('Decrease count and verify the results', async ({ page }) => {
 
   await expect(page.getByRole('spinbutton')).toHaveValue('1');
 });
-
-test('Decreasing the count to 0 should remove the product from cart', async ({ page }) => {
-  await ProductActions.addProductToCart(page, '[Sample] Orbit Terrarium - Large');
-  await page.getByRole('link', { name: 'your cart' }).click();
-
-  await expect(page.getByRole('spinbutton')).toHaveValue('1');
-
-  await page.getByLabel('Decrease count').click();
-
-  await expect(page.getByRole('spinbutton')).toHaveValue('0');
-  await expect(page.getByText('[Sample] Orbit Terrarium -')).toBeHidden({
-    timeout: 10000,
-  });
-});
diff --git a/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-1-tests-chromium-linux.png
index 02dfaf874e..0b86903894 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-linux.png
index 4b433b81e7..d9561f4572 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Accordion.spec.ts-snapshots/accordion-collapsed-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/BlogPostCard.spec.ts-snapshots/blog-post-card-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/BlogPostCard.spec.ts-snapshots/blog-post-card-1-tests-chromium-linux.png
index 66e3300c40..8decc93725 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/BlogPostCard.spec.ts-snapshots/blog-post-card-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/BlogPostCard.spec.ts-snapshots/blog-post-card-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/BreadCrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/BreadCrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-linux.png
index bb0fc7b3ca..a04ae05b11 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/BreadCrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/BreadCrumbs.spec.ts-snapshots/Breadcrumbs-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png
index ef6b3f8790..1e59a74049 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png
index 8c95e20ae6..aa5d82e83e 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Carousel.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-linux.png
index 56634c1794..d0e23661c1 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Checkbox.spec.ts-snapshots/Checkbox-with-label-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-default-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-default-1-tests-chromium-linux.png
index 19880426e6..ebfa9a9508 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-default-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-default-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-linux.png
index 5d663c3961..af1dbaf288 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Counter.spec.ts-snapshots/Counter-disabled-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Basic-footer-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Basic-footer-1-tests-chromium-linux.png
index 7453732c81..104adb26b8 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Basic-footer-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Basic-footer-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Multi-low-footer-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Multi-low-footer-1-tests-chromium-linux.png
index 0a29f723f7..cc1acb90d3 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Multi-low-footer-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Footer.spec.ts-snapshots/Multi-low-footer-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Default-form-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Default-form-1-tests-chromium-linux.png
index 2f71241ae9..8b72884d9e 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Default-form-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Default-form-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-linux.png
index 52f70589e2..605c4a0899 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Form.spec.ts-snapshots/Form-with-validation-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-linux.png
index 5aa0952ea1..0d96070883 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Custom-icon-input-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Default-input-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Default-input-1-tests-chromium-linux.png
index d20f3c2409..65e692f236 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Default-input-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Default-input-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Disabled-input-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Disabled-input-1-tests-chromium-linux.png
index efcc882d68..6eb8606b97 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Disabled-input-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Disabled-input-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Error-input-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Error-input-1-tests-chromium-linux.png
index edb91d99c0..be3a43cc80 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Error-input-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Error-input-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Success-input-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Success-input-1-tests-chromium-linux.png
index b4ed09b859..09902e45a6 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Success-input-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Input.spec.ts-snapshots/Success-input-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-example-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-example-1-tests-chromium-linux.png
index 97a544deed..7cb5ae4362 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-example-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-example-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-with-input-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-with-input-1-tests-chromium-linux.png
index cfc00786ec..7c8e1d87cc 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-with-input-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Label.spec.ts-snapshots/Label-with-input-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Default-message-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Default-message-1-tests-chromium-linux.png
index 85f9142558..35ee197f32 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Default-message-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Default-message-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Error-message-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Error-message-1-tests-chromium-linux.png
index 3fe14e9d52..45196b0666 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Error-message-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Message.spec.ts-snapshots/Error-message-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-linux.png
index 5a65d15f77..c0c3574971 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Basic-navigation-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-linux.png
index 5c7047a5cd..37befbd14a 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-center-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-linux.png
index 7e2b9a76a8..44267e7061 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-left-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-linux.png
index 9289633533..37125a6840 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Bottom-navigation-right-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-linux.png
index 5a65d15f77..c0c3574971 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Custom-navigation-menu-toggle-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Logo-centered-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Logo-centered-1-tests-chromium-linux.png
index c3a31cde92..cbae085f58 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Logo-centered-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Logo-centered-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-linux.png
index ee3eb00789..5639db2a81 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-left-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-linux.png
index d70aec84ce..9db1bee89d 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-alignment-right-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-linux.png
index 564a417cab..0057f6180f 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/NavigationMenu.spec.ts-snapshots/Navigation-with-badge-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/ProductCard.spec.ts-snapshots/Basic-product-card-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/ProductCard.spec.ts-snapshots/Basic-product-card-1-tests-chromium-linux.png
index 6d6a3afca4..6692bfbea2 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/ProductCard.spec.ts-snapshots/Basic-product-card-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/ProductCard.spec.ts-snapshots/Basic-product-card-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Base-radio-group-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Base-radio-group-1-tests-chromium-linux.png
index ca0c95af1f..5de2f8f48f 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Base-radio-group-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Base-radio-group-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-linux.png
index 81be860886..6c070abcdc 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/RadioGroup.spec.ts-snapshots/Radio-group-with-icon-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/RectangleList.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/RectangleList.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-linux.png
index 74a96b33d7..e0d753a041 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/RectangleList.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/RectangleList.spec.ts-snapshots/Basic-rectangle-list-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Default-select-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Default-select-1-tests-chromium-linux.png
index 14294bf5be..a1bf898ef0 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Default-select-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Default-select-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-linux.png
index 14294bf5be..a1bf898ef0 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Select.spec.ts-snapshots/Select-with-disabled-items-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-linux.png
index ffa184155e..715da85583 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Basic-sheet-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-linux.png
index 3f29b8384f..8b026d9f53 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-footer-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-linux.png
index e616c74726..c4978fd7cb 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Sheet.spec.ts-snapshots/Sheet-with-overlay-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-linux.png
index a172a71569..444b5ff67d 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Custom-controls-and-interval-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png
index e8e673e37a..e20146c35d 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Multiple-slides-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png
index cb1af483de..3bca0972f6 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Slideshow.spec.ts-snapshots/Single-slide-1-tests-chromium-linux.png differ
diff --git a/packages/functional/tests/visual-regression/reactant/components/Swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-linux.png b/packages/functional/tests/visual-regression/reactant/components/Swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-linux.png
index efbde75aec..e036c44fde 100644
Binary files a/packages/functional/tests/visual-regression/reactant/components/Swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-linux.png and b/packages/functional/tests/visual-regression/reactant/components/Swatch.spec.ts-snapshots/Swatch-basic-example-1-tests-chromium-linux.png differ