diff --git a/src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx b/src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx
index 71bf62d..2fceab1 100644
--- a/src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx
+++ b/src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { useState, useEffect, useCallback, Fragment } from "react";
-import Logo from "../Logo";
-import HamburgerButton from "../HamburgerButton";
+import { Logo } from "../Logo";
+import { HamburgerButton } from "../HamburgerButton";
 import Button from "@/components/button/Button";
 import { NavItem } from "@/types/navigation";
 import { cls } from "@/lib/utils";
@@ -97,7 +97,7 @@ const NavbarStyleCentered = ({
       role="navigation"
       aria-label="Main navigation"
       data-navigation-status={isActive ? "active" : "not-active"}
-      className="fixed inset-0 z-[1000] pointer-events-none"
+      className="sticky top-0 z-50 pointer-events-none"
     >
       <div
         className="centered-nav__overlay absolute inset-0 bg-foreground pointer-events-auto opacity-0 invisible transition-all duration-700 ease-[cubic-bezier(0.5,0.5,0,1)]"