From 301c0f130846211fe62058773a83f14402434e40 Mon Sep 17 00:00:00 2001
From: "Adolfo R. Brandes" <adolfo@axim.org>
Date: Sun, 20 Sep 2026 10:59:57 -0300
Subject: [PATCH] fix: wrap the app body in a Container to align it with the
 header

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/Main.test.tsx | 5 +++++
 src/Main.tsx      | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

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>
   );