diff --git a/code/ui/manager/src/components/preview/utils/components.ts b/code/ui/manager/src/components/preview/utils/components.ts
index cff3a6cc6e05..81265299446f 100644
--- a/code/ui/manager/src/components/preview/utils/components.ts
+++ b/code/ui/manager/src/components/preview/utils/components.ts
@@ -1,7 +1,7 @@
 import { styled } from '@storybook/theming';
 import { Link } from '@storybook/router';
 
-export const PreviewContainer = styled.div({
+export const PreviewContainer = styled.main({
   display: 'flex',
   flexDirection: 'column',
   width: '100%',