diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 4f958c1..7aaa5a4 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -59,8 +59,8 @@ const InlinedNavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProp
     <>
       <nav
         className={cls(
-          "fixed z-1000 top-0 left-0 w-full transition-all duration-500 ease-in-out",
-          isScrolled ? "h-15 bg-background/80 backdrop-blur-sm" : "h-20 bg-background/0 backdrop-blur-0"
+          "fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width transition-all duration-500 ease-in-out rounded-theme bg-background/60 backdrop-blur-md",
+          isScrolled ? "h-15" : "h-20"
         )}
       >
         <div className="relative mx-auto flex items-center justify-between h-full w-content-width">