diff --git a/src/components/ui/NavbarCentered.tsx b/src/components/ui/NavbarCentered.tsx
index 40f5c7c..93f8eba 100644
--- a/src/components/ui/NavbarCentered.tsx
+++ b/src/components/ui/NavbarCentered.tsx
@@ -52,7 +52,7 @@ const NavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProps) => {
     <>
       <nav
         className={cls(
-          "sticky top-0 z-50 w-full transition-all duration-500 ease-in-out h-20 bg-white/30 backdrop-blur-lg border-b border-gray-200/50"
+          "sticky top-0 z-50 w-full transition-all duration-500 ease-in-out h-20 bg-background/80 backdrop-blur-md border-b border-foreground/10"
         )}
       >
         <div className="relative flex items-center justify-between h-full w-content-width mx-auto">