diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index 57df9c4919..d0ccf76efe 100644
--- a/docs/app/layout.tsx
+++ b/docs/app/layout.tsx
@@ -28,8 +28,10 @@ export default function Layout({ children }: { children: ReactNode }) {
 				className={`${GeistSans.variable} ${GeistMono.variable} font-sans relative`}
 			>
 				<RootProvider>
+					<BetaNotice />
 					<NavbarProvider>
 						<Navbar />
+
 						{children}
 					</NavbarProvider>
 				</RootProvider>
diff --git a/docs/components/banner.tsx b/docs/components/banner.tsx
index 7164cb3b5b..96afddeaca 100644
--- a/docs/components/banner.tsx
+++ b/docs/components/banner.tsx
@@ -6,7 +6,7 @@ import Link from "next/link";
 export function BetaNotice() {
 	return (
 		<Banner
-			id="public-beta"
+			id="beta-notice-1"
 			className="lg:text-sm tracking-tight text-xs hidden md:flex bg-gradient-to-tr from-white to-stone-100 border dark:from-stone-900 dark:to-stone-950"
 		>
 			🚧 Heads up! We're still in beta. It isn't quite production-ready just