diff --git a/apps/web/src/components/settings/PageNavigationShell.client.test.tsx b/apps/web/src/components/settings/PageNavigationShell.client.test.tsx
index 93f70d068..18caea7ba 100644
--- a/apps/web/src/components/settings/PageNavigationShell.client.test.tsx
+++ b/apps/web/src/components/settings/PageNavigationShell.client.test.tsx
@@ -74,5 +74,9 @@ describe('PageNavigationShell', () => {
       'overflow-y-auto',
     );
     expect(screen.getByText('content')).toBeInTheDocument();
+    const main = screen.getByRole('main');
+    expect(main).toContainElement(screen.getByRole('heading', { level: 1 }));
+    expect(main).toContainElement(screen.getByText('content'));
+    expect(main).not.toContainElement(screen.getByRole('navigation'));
   });
 });
diff --git a/apps/web/src/components/settings/PageNavigationShell.tsx b/apps/web/src/components/settings/PageNavigationShell.tsx
index a74e286c7..f0f842079 100644
--- a/apps/web/src/components/settings/PageNavigationShell.tsx
+++ b/apps/web/src/components/settings/PageNavigationShell.tsx
@@ -98,7 +98,7 @@ export function PageNavigationShell<T extends string = string>({
         </aside>
       )}
 
-      <div
+      <main
         className={cn(
           'min-w-0 flex-1 space-y-6 max-w-6xl',
           !hideNavigation && 'lg:ml-68',
@@ -174,7 +174,7 @@ export function PageNavigationShell<T extends string = string>({
         >
           {children}
         </div>
-      </div>
+      </main>
     </div>
   );
 }