diff --git a/packages/components/src/menu/stories/menu.stories.tsx b/packages/components/src/menu/stories/menu.stories.tsx
index dd2cba6586..82550f4d8e 100644
--- a/packages/components/src/menu/stories/menu.stories.tsx
+++ b/packages/components/src/menu/stories/menu.stories.tsx
@@ -1,5 +1,3 @@
-import '../../../dist/styles.min.css'
-import '../menu.css'
 import './style.css'
 import React from 'react'
 import {
diff --git a/packages/components/src/menu/tests/menu.test.tsx b/packages/components/src/menu/tests/menu.test.tsx
index aafe7084b2..c01f19d230 100644
--- a/packages/components/src/menu/tests/menu.test.tsx
+++ b/packages/components/src/menu/tests/menu.test.tsx
@@ -9,7 +9,7 @@ import { MenuSeparator } from '../menu-separator'
 
 describe('menu', () => {
   it('renders', () => {
-    const { container } = render(
+    const { container, unmount } = render(
       <MenuProvider>
         <MenuTrigger asChild>
           <button>Open</button>
@@ -20,7 +20,7 @@ describe('menu', () => {
           <MenuSeparator />
           <MenuItem>Item 3</MenuItem>
         </Menu>
-      </MenuProvider>
+      </MenuProvider>, {container: document.body}
     )
 
     expect(container.querySelector('[data-sl-menu]')).toBeInTheDocument()
@@ -31,5 +31,7 @@ describe('menu', () => {
     expect(
       container.querySelector('[data-sl-menu-separator]')
     ).toBeInTheDocument()
+
+    unmount()
   })
 })