diff --git a/services/web/frontend/stories/decorators/ide-redesign.tsx b/services/web/frontend/stories/decorators/ide-redesign.tsx
new file mode 100644
index 0000000000..373f2c040c
--- /dev/null
+++ b/services/web/frontend/stories/decorators/ide-redesign.tsx
@@ -0,0 +1,7 @@
+import { Decorator } from '@storybook/react'
+
+export const IdeRedesign: Decorator = Story => (
+  <div className="ide-redesign-main">
+    <Story />
+  </div>
+)
diff --git a/services/web/frontend/stories/shared/dropdown-menu.stories.tsx b/services/web/frontend/stories/shared/dropdown-menu.stories.tsx
index 9ada5e2b37..448381ee7e 100644
--- a/services/web/frontend/stories/shared/dropdown-menu.stories.tsx
+++ b/services/web/frontend/stories/shared/dropdown-menu.stories.tsx
@@ -6,6 +6,7 @@ import {
 } from '@/shared/components/dropdown/dropdown-menu'
 import type { Meta } from '@storybook/react'
 import OLDropdownMenuItem from '@/shared/components/ol/ol-dropdown-menu-item'
+import { IdeRedesign } from '../decorators/ide-redesign'
 
 type Args = React.ComponentProps<typeof DropdownMenu>
 
@@ -229,6 +230,7 @@ const meta: Meta<typeof DropdownMenu> = {
       include: ['disabled'],
     },
   },
+  decorators: [IdeRedesign],
 }
 
 export default meta