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" />
diff --git a/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx b/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx
index 80af258edc647d357865948e2e52a9dc333dcaba..d092275920b566314aad7c8229e3f4b0383ed7f9 100644
--- a/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx
+++ b/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx
@@ -7,7 +7,7 @@ export const AvailablePluginsDrawer = (): JSX.Element => {
   return (
     <div className="h-full max-h-full" data-testid="available-plugins-drawer">
       <DrawerHeading title="Available plugins" />
-      <div className="flex flex-col gap-6 p-6">
+      <div className="flex h-[calc(100%-93px)] max-h-[calc(100%-93px)] flex-col gap-6 overflow-y-auto p-6">
         <LoadPluginFromUrl />
         <PrivateActivePlugins />
         <PublicPlugins />