diff --git a/src/Main.test.tsx b/src/Main.test.tsx
index 8e512dd6..0cf848f2 100644
--- a/src/Main.test.tsx
+++ b/src/Main.test.tsx
@@ -23,4 +23,9 @@ describe('Main', () => {
     const { getByTestId } = renderWrapper(<Main />);
     expect(getByTestId('authz-module')).toBeInTheDocument();
   });
+
+  it('wraps the body in an xl container to align it with the header', () => {
+    const { getByTestId } = renderWrapper(<Main />);
+    expect(getByTestId('authz-module').closest('.container-mw-xl')).toBeInTheDocument();
+  });
 });
diff --git a/src/Main.tsx b/src/Main.tsx
index a668e205..44cdeff9 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -1,4 +1,5 @@
 import { CurrentAppProvider, PageWrap, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Container } from '@openedx/paragon';
 import { Helmet } from 'react-helmet';
 
 import { appId } from './constants';
@@ -19,7 +20,9 @@ const Main = () => {
         </title>
       </Helmet>
       <PageWrap>
-        <AuthZModule />
+        <Container size="xl" fluid className="px-0">
+          <AuthZModule />
+        </Container>
       </PageWrap>
     </CurrentAppProvider>
   );