From f2ecdd79ee7217aab4229ba870dfc33635858647 Mon Sep 17 00:00:00 2001
From: Robbert Broersma <git@robbertbroersma.nl>
Date: Tue, 14 Jan 2025 19:55:57 +0100
Subject: [PATCH] fix: avoid too large screenshots in Chromatic

---
 packages/theme-toolkit/src/ComponentStories.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/theme-toolkit/src/ComponentStories.tsx b/packages/theme-toolkit/src/ComponentStories.tsx
index 5c3989893..375617d77 100644
--- a/packages/theme-toolkit/src/ComponentStories.tsx
+++ b/packages/theme-toolkit/src/ComponentStories.tsx
@@ -105,7 +105,14 @@ export const ComponentStories = ({
   const tokensMap = arrayToMap(tokens || []);
 
   return (
-    <div>
+    <div
+      style={{
+        // Do not exceed the limit for screenshots in Chromatic
+        maxInlineSize: '2500px',
+        maxBlockSize: '20000px',
+        overflowBlock: 'hidden',
+      }}
+    >
       {Object.entries(groupedStories).map(([group, stories]) => {
         const isGrouped = group !== UNGROUPED && stories.length > 1;
         return (