diff --git a/src/components/FunctionalArea/FunctionalArea.component.tsx b/src/components/FunctionalArea/FunctionalArea.component.tsx
index c45a2fe859fe268c8f0ae407a4b069ec6b77b280..d38bcd195aa44fcd1c7f18c3dd0c2f43dc912797 100644
--- a/src/components/FunctionalArea/FunctionalArea.component.tsx
+++ b/src/components/FunctionalArea/FunctionalArea.component.tsx
@@ -10,7 +10,7 @@ export const FunctionalArea = (): JSX.Element => (
     <div className="absolute left-[88px] top-16 z-10 w-[calc(100%-88px)]">
       <MapNavigation />
     </div>
-    <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)] overflow-y-auto">
+    <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)]">
       <NavBar />
     </div>
   </>
diff --git a/src/components/FunctionalArea/NavBar/NavBar.component.tsx b/src/components/FunctionalArea/NavBar/NavBar.component.tsx
index acf0a816bf6c920126ea8735bdf9c7d1dad185ae..26bf00aee16d3dcb9f71fb1e9c9aac4056379979 100644
--- a/src/components/FunctionalArea/NavBar/NavBar.component.tsx
+++ b/src/components/FunctionalArea/NavBar/NavBar.component.tsx
@@ -34,7 +34,7 @@ export const NavBar = (): JSX.Element => {
   };
 
   return (
-    <div className="flex min-h-full w-[88px] flex-col items-center justify-between bg-cultured py-8">
+    <div className="flex min-h-full w-[88px] flex-col items-center justify-between overflow-y-auto bg-cultured py-8">
       <div data-testid="nav-buttons">
         <div className="mb-8 flex flex-col gap-[10px]">
           <IconButton icon="info" onClick={openDrawerInfo} title="Project info" />