diff --git a/package.json b/package.json
index b9653e7f8..3aff97dd1 100644
--- a/package.json
+++ b/package.json
@@ -83,6 +83,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
+    "@mantine/carousel": "~7.12.2",
     "@mantine/code-highlight": "~7.12.2",
     "@mantine/core": "~7.12.2",
     "@mantine/dates": "~7.12.2",
diff --git a/playwright.config.ts b/playwright.config.ts
index 843748a57..3021c6a59 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,9 +1,10 @@
 import { defineConfig, devices } from '@playwright/test';
+import { ChromaticConfig } from '@chromatic-com/playwright';
 
 /**
  * See https://playwright.dev/docs/test-configuration.
  */
-export default defineConfig({
+export default defineConfig<ChromaticConfig>({
   testDir: './playwright',
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
@@ -21,6 +22,8 @@ export default defineConfig({
     screenshot: 'only-on-failure',
     /* Capture video */
     video: 'on-first-retry',
+    /* Chromatic: add delay to screenshot taking for more consistent results: https://www.chromatic.com/docs/playwright/configure/ */
+    delay: 300,
   },
   // increased as some tests are slow in CI (e.g. co-expression)
   expect: { timeout: 30000 },