diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d0b1671..2e2b3ac 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -40,8 +40,8 @@ export default function RootLayout({
       </head>
       <body className={`${geistSans.variable} font-sans antialiased`}>
         <ServiceWorkerRegistrar />
-        <GlobalUserBadge />
         <PageTransition>{children}</PageTransition>
+        <GlobalUserBadge />
       </body>
     </html>
   );
diff --git a/src/components/GlobalUserBadge.tsx b/src/components/GlobalUserBadge.tsx
index ff99244..3d3f2e7 100644
--- a/src/components/GlobalUserBadge.tsx
+++ b/src/components/GlobalUserBadge.tsx
@@ -53,7 +53,7 @@ export default function GlobalUserBadge() {
   return (
     <>
       <motion.div
-        className="fixed right-4 top-3 z-40 flex items-center gap-1.5"
+        className="fixed right-4 top-3 z-50 flex items-center gap-1.5"
         initial={{ opacity: 0, scale: 0.9 }}
         animate={{ opacity: 1, scale: 1 }}
         transition={{ delay: 0.1, duration: 0.3 }}
diff --git a/src/components/PageTransition.tsx b/src/components/PageTransition.tsx
index 35f0550..4187530 100644
--- a/src/components/PageTransition.tsx
+++ b/src/components/PageTransition.tsx
@@ -20,9 +20,9 @@ function FrozenRoute({ children }: PropsWithChildren) {
 }
 
 const variants = {
-  enter: { opacity: 0, y: 12 },
-  center: { opacity: 1, y: 0 },
-  exit: { opacity: 0, y: -12 },
+  enter: { opacity: 0 },
+  center: { opacity: 1 },
+  exit: { opacity: 0 },
 };
 
 export default function PageTransition({ children }: PropsWithChildren) {
