diff --git a/packages/circuit-ui/components/Modal/Modal.stories.tsx b/packages/circuit-ui/components/Modal/Modal.stories.tsx
index 0eca701f68..a8c7418fa0 100644
--- a/packages/circuit-ui/components/Modal/Modal.stories.tsx
+++ b/packages/circuit-ui/components/Modal/Modal.stories.tsx
@@ -15,13 +15,11 @@
 
 import { Fragment, useState } from 'react';
 import { screen, userEvent, within } from '@storybook/test';
-import type { Decorator } from '@storybook/react';
 
 import { modes } from '../../../../.storybook/modes.js';
 import { Headline } from '../Headline/index.js';
 import { Body } from '../Body/index.js';
 import { Button } from '../Button/index.js';
-import { FullViewport } from '../../../../.storybook/components/index.js';
 
 import { ModalProvider } from './ModalContext.js';
 
@@ -32,7 +30,7 @@ export default {
   component: Modal,
   tags: ['status:stable'],
   parameters: {
-    layout: 'padded',
+    layout: 'fullscreen',
     chromatic: {
       modes: {
         mobile: modes.smallMobile,
@@ -40,13 +38,6 @@ export default {
       },
     },
   },
-  decorators: [
-    (Story) => (
-      <FullViewport>
-        <Story />
-      </FullViewport>
-    ),
-  ] as Decorator[],
 };
 
 const defaultModalChildren = () => (