diff --git a/src/components/ui/NavbarInline.tsx b/src/components/ui/NavbarInline.tsx
index b5908a8..42ababa 100644
--- a/src/components/ui/NavbarInline.tsx
+++ b/src/components/ui/NavbarInline.tsx
@@ -18,7 +18,7 @@ const handleNavClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string, on
 const NavbarInline = ({ logo, navItems, ctaButton }: NavbarInlineProps) => {
   return (
     <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
-      <div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
+      <div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded bg-background/60 backdrop-blur-md rounded-theme">
         <a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
 
         <div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6">