diff --git a/docs/getting-started/quickstart.react-router.mdx b/docs/getting-started/quickstart.react-router.mdx
index 354d536889..b1c632b89b 100644
--- a/docs/getting-started/quickstart.react-router.mdx
+++ b/docs/getting-started/quickstart.react-router.mdx
@@ -182,7 +182,7 @@ This tutorial assumes that you're using React Router **v7.1.2 or later** in fram
   - [`<UserButton />`](/docs/reference/components/user/user-button): Shows the signed-in user's avatar. Selecting it opens a dropdown menu with account management options.
   - [`<SignInButton />`](/docs/reference/components/unstyled/sign-in-button): An unstyled component that links to the sign-in page. In this example, since no props or [environment variables](/docs/guides/development/clerk-environment-variables) are set for the sign-in URL, this component links to the [Account Portal sign-in page](/docs/guides/customizing-clerk/account-portal#sign-in).
 
-  ```tsx {{ filename: 'app/root.tsx', mark: [44, [46, 58]], fold: [[2, 42], [62, 87]] }}
+  ```tsx {{ filename: 'app/root.tsx', mark: [44, [46, 58], 60], fold: [[2, 42], [62, 87]] }}
   import { ClerkProvider, SignedIn, SignedOut, UserButton, SignInButton } from '@clerk/react-router'
   import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration } from 'react-router'
   import { clerkMiddleware, rootAuthLoader } from '@clerk/react-router/server'
@@ -241,9 +241,7 @@ This tutorial assumes that you're using React Router **v7.1.2 or later** in fram
             <UserButton />
           </SignedIn>
         </header>
-        <main>
-          <Outlet />
-        </main>
+        <Outlet />
       </ClerkProvider>
     )
   }