diff --git a/static/app/components/layouts/thirds.tsx b/static/app/components/layouts/thirds.tsx
index 3f6483b11b9d79..1fc636239e2957 100644
--- a/static/app/components/layouts/thirds.tsx
+++ b/static/app/components/layouts/thirds.tsx
@@ -1,4 +1,4 @@
-import {useContext, type HTMLAttributes} from 'react';
+import {useContext} from 'react';
 import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
@@ -200,7 +200,7 @@ export const Body = styled((props: ContainerProps<'div'> & {noRowGap?: boolean})
   }
 `;
 
-interface MainProps extends HTMLAttributes<HTMLElement> {
+export interface MainProps extends ContainerProps {
   children: React.ReactNode;
   /**
    * Set the width of the main content.
diff --git a/static/app/views/explore/components/viewportConstrainedPage.tsx b/static/app/views/explore/components/viewportConstrainedPage.tsx
index 10fe34b6c3cbbd..44fa558067af7e 100644
--- a/static/app/views/explore/components/viewportConstrainedPage.tsx
+++ b/static/app/views/explore/components/viewportConstrainedPage.tsx
@@ -1,11 +1,9 @@
 import styled from '@emotion/styled';
 
-import type {FlexProps} from '@sentry/scraps/layout';
-
 import * as Layout from 'sentry/components/layouts/thirds';
 import {SHORT_VIEWPORT_HEIGHT} from 'sentry/utils/useIsShortViewport';
 
-interface ViewportConstrainedPageProps extends FlexProps<'main'> {
+interface ViewportConstrainedPageProps extends Layout.MainProps {
   constrained?: boolean;
   hideFooter?: boolean;
 }
@@ -27,11 +25,12 @@ export function ViewportConstrainedPage({
   ...rest
 }: ViewportConstrainedPageProps) {
   if (!constrained) {
-    return <Layout.Page {...rest} />;
+    return <FlexMain width="full" {...rest} />;
   }
 
   return (
-    <ConstrainedPage
+    <ConstrainedMain
+      width="full"
       minHeight="0"
       overflow="hidden"
       data-hide-footer={hideFooter ? '' : undefined}
@@ -40,7 +39,13 @@ export function ViewportConstrainedPage({
   );
 }
 
-const ConstrainedPage = styled(Layout.Page)`
+const FlexMain = styled(Layout.Main)`
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+`;
+
+const ConstrainedMain = styled(FlexMain)`
   contain: size;
 
   @media (max-height: ${SHORT_VIEWPORT_HEIGHT}px) {
diff --git a/static/app/views/explore/errors/content.tsx b/static/app/views/explore/errors/content.tsx
index 36ece8bc0e7dfd..bc731aaf94758b 100644
--- a/static/app/views/explore/errors/content.tsx
+++ b/static/app/views/explore/errors/content.tsx
@@ -1,3 +1,5 @@
+import styled from '@emotion/styled';
+
 import {FeatureBadge} from '@sentry/scraps/badge';
 
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
@@ -25,7 +27,7 @@ export default function ErrorsContent() {
 
   return (
     <SentryDocumentTitle title={t('Errors')} orgSlug={organization?.slug}>
-      <Layout.Page>
+      <ErrorsPageMain width="full">
         <ErrorsHeader />
         <PageFiltersContainer>
           <ExploreBodySearch>
@@ -33,7 +35,7 @@ export default function ErrorsContent() {
           </ExploreBodySearch>
         </PageFiltersContainer>
         <ErrorsBody />
-      </Layout.Page>
+      </ErrorsPageMain>
     </SentryDocumentTitle>
   );
 }
@@ -77,3 +79,9 @@ export function ErrorsBody() {
     </ExploreBodyContent>
   );
 }
+
+const ErrorsPageMain = styled(Layout.Main)`
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+`;