diff --git a/packages/react/src/MainLayout.tsx b/packages/react/src/MainLayout.tsx
index e570936..47c866c 100644
--- a/packages/react/src/MainLayout.tsx
+++ b/packages/react/src/MainLayout.tsx
@@ -88,7 +88,7 @@ function TopNav() {
 
   return (
     <>
-      <nav className="sticky top-0 z-50 bg-transparent backdrop-blur-lg border-b border-neutral-200 dark:border-neutral-800 w-full max-w-screen px-8 flex flex-row justify-center items-center h-16">
+      <nav className="sticky top-0 z-20 bg-transparent backdrop-blur-lg border-b border-neutral-200 dark:border-neutral-800 w-full max-w-screen px-8 flex flex-row justify-center items-center h-16">
         <div
           data-role="wrapper"
           className="flex flex-row items-center justify-between w-full max-w-6xl text-lg"