diff --git a/.storybook/preview.js b/.storybook/preview.js
index 110373cfc..b2e47bd41 100644
--- 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
index 3a3229142..b79bd0e9c 100644
--- 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 = () => (