diff --git a/src/components/ui/NavbarFloating.tsx b/src/components/ui/NavbarFloating.tsx
index 7f8370e..da13d7b 100644
--- a/src/components/ui/NavbarFloating.tsx
+++ b/src/components/ui/NavbarFloating.tsx
@@ -45,8 +45,8 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
         )}
       </AnimatePresence>
 
-      <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
-        <div className="mx-auto w-full md:w-1/2 overflow-hidden rounded backdrop-blur-sm card">
+      <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-[calc(100%-2rem)]">
+        <div className="mx-auto w-full md:w-1/2 overflow-hidden rounded-xl backdrop-blur-sm card">
           <div className="relative z-10 flex items-center justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5">
             <a href="/" className="text-xl font-medium text-foreground">{logo}</a>