fix: extra small storybook viewports

nulogy · Sep 25, 2023 · 8ddb44a · 8ddb44a
1 parent 5ab22a3
commit 8ddb44a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -6,7 +6,7 @@ const newViewports = {
   extraSmall: {
     name: "Extra small",
     styles: {
-      width: theme.breakpoints.extraSmall,
+      width: "320px",
       height: "100%",
     },
   },
@@ -39,6 +39,7 @@ const newViewports = {
     },
   },
 };
+
 export const parameters = {
   viewport: { viewports: newViewports },
   layout: "padded",

diff --git a/src/DropdownMenu/DropdownMenu.story.tsx b/src/DropdownMenu/DropdownMenu.story.tsx
@@ -20,6 +20,9 @@ const customColors = {
 
 export default {
   title: "Components/DropdownMenu",
+  parameters: {
+    chromatic: { diffThreshold: 0.4 },
+  },
 };
 
 export const _DropdownMenu = () => (