diff --git a/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx b/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx
index 13083c2cb94cf8d66be270f3079880c84b106fed..d3e660f2e6e6f9b6e3ffa922b8b3e9902921067a 100644
--- a/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx
+++ b/src/components/Map/Drawer/OverlaysDrawer/OverlaysDrawer.component.tsx
@@ -3,6 +3,7 @@ import { currentStepOverlayDrawerStateSelector } from '@/redux/drawer/drawer.sel
 import { useAppSelector } from '@/redux/hooks/useAppSelector';
 import { DrawerHeading } from '@/shared/DrawerHeading';
 import { GeneralOverlays } from './GeneralOverlays';
+import { OverlaysLegends } from './OverlaysLegends';
 import { UserOverlayForm } from './UserOverlayForm';
 import { UserOverlays } from './UserOverlays';
 
@@ -17,6 +18,7 @@ export const OverlaysDrawer = (): JSX.Element => {
           <div className="h-[calc(100%-93px)] max-h-[calc(100%-93px)] overflow-y-auto">
             <GeneralOverlays />
             <UserOverlays />
+            <OverlaysLegends />
           </div>
         </>
       )}
diff --git a/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx b/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx
index b690ff07c72826f0286739194653d6547f7f45d2..b9f5567587faa9b6b025287ef243c52ebbf8ef64 100644
--- a/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx
+++ b/src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx
@@ -6,7 +6,7 @@ export const OverlaysLegends = (): JSX.Element => {
   const overlays = useSelector(activeOverlaysSelector);
 
   return (
-    <div className="p-6" data-testid="overlays-legends">
+    <div className="border-t border-t-divide p-6" data-testid="overlays-legends">
       {overlays.map(overlay => (
         <OverlaySingleLegend key={overlay.idObject} overlay={overlay} />
       ))}