diff --git a/src/BottomSheet/stories/BottomSheet.actions.story.tsx b/src/BottomSheet/stories/BottomSheet.actions.story.tsx
index ac903be44..f4880c567 100644
--- a/src/BottomSheet/stories/BottomSheet.actions.story.tsx
+++ b/src/BottomSheet/stories/BottomSheet.actions.story.tsx
@@ -5,6 +5,16 @@ import BottomSheet from "../BottomSheet";
 
 export default {
   title: "Components/BottomSheet/Actions",
+  parameters: {
+    chromatic: {
+      viewports: [
+        {
+          width: 1024,
+          height: 1024,
+        },
+      ],
+    },
+  },
 };
 
 export const WithAHiddenCloseButton = () => {
diff --git a/src/BottomSheet/stories/BottomSheet.content.story.tsx b/src/BottomSheet/stories/BottomSheet.content.story.tsx
index b9692c03d..0d7840290 100644
--- a/src/BottomSheet/stories/BottomSheet.content.story.tsx
+++ b/src/BottomSheet/stories/BottomSheet.content.story.tsx
@@ -7,6 +7,16 @@ import BottomSheet from "../BottomSheet";
 
 export default {
   title: "Components/BottomSheet/Content",
+  parameters: {
+    chromatic: {
+      viewports: [
+        {
+          width: 1024,
+          height: 1024,
+        },
+      ],
+    },
+  },
 };
 
 export const WithHelpText = () => {
diff --git a/src/BottomSheet/stories/BottomSheet.features.story.tsx b/src/BottomSheet/stories/BottomSheet.features.story.tsx
index 145954ce0..1fede2079 100644
--- a/src/BottomSheet/stories/BottomSheet.features.story.tsx
+++ b/src/BottomSheet/stories/BottomSheet.features.story.tsx
@@ -13,6 +13,16 @@ import BottomSheet from "../BottomSheet";
 
 export default {
   title: "Components/BottomSheet/Features",
+  parameters: {
+    chromatic: {
+      viewports: [
+        {
+          width: 1024,
+          height: 1024,
+        },
+      ],
+    },
+  },
 };
 
 export const WithCustomWidths = () => {
diff --git a/src/BottomSheet/stories/BottomSheet.parts.story.tsx b/src/BottomSheet/stories/BottomSheet.parts.story.tsx
index 30108a119..fbc854880 100644
--- a/src/BottomSheet/stories/BottomSheet.parts.story.tsx
+++ b/src/BottomSheet/stories/BottomSheet.parts.story.tsx
@@ -8,6 +8,16 @@ import { BottomSheetParts as BottomSheet } from "../BottomSheet.parts";
 
 export default {
   title: "Components/BottomSheet/Parts",
+  parameters: {
+    chromatic: {
+      viewports: [
+        {
+          width: 1024,
+          height: 1024,
+        },
+      ],
+    },
+  },
 };
 
 export const RenderedUsingCompositionalAPI = () => {
diff --git a/src/BottomSheet/stories/BottomSheet.story.tsx b/src/BottomSheet/stories/BottomSheet.story.tsx
index 549ceccc6..763b4bee5 100644
--- a/src/BottomSheet/stories/BottomSheet.story.tsx
+++ b/src/BottomSheet/stories/BottomSheet.story.tsx
@@ -1,10 +1,21 @@
 import React from "react";
 import { Button } from "../../Button";
+import { desktop as theme } from "../../theme";
 import { Placeholder } from "../../utils/story/placeholder";
 import BottomSheet from "../BottomSheet";
 
 export default {
   title: "Components/BottomSheet",
+  parameters: {
+    chromatic: {
+      viewports: [
+        {
+          width: theme.breakpoints.medium,
+          height: 1024,
+        },
+      ],
+    },
+  },
 };
 
 export const BasicUsage = () => {