diff --git a/src/components/ui/NavbarFloating.tsx b/src/components/ui/NavbarFloating.tsx
index 7f8370e..ede8187 100644
--- a/src/components/ui/NavbarFloating.tsx
+++ b/src/components/ui/NavbarFloating.tsx
@@ -72,7 +72,7 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
                 initial={{ height: 0 }}
                 animate={{ height: "auto" }}
                 exit={{ height: 0 }}
-                transition={{ duration: 0.5, ease: [0.625, 0.05, 0, 1] }}
+                transition={{ duration: 0.8, ease: [0.625, 0.05, 0, 1] }}
                 className="overflow-hidden"
               >
                 <div className="flex flex-col gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 pt-0 xl:pt-0 2xl:pt-0">