diff --git a/src/components/Sidebar/SidebarContainer.tsx b/src/components/Sidebar/SidebarContainer.tsx
index 2e0b308a5845e296186cd4c0eeb4f91f73f32833..55150a67091d7843c31605aff5fee3ef8e627e36 100644
--- a/src/components/Sidebar/SidebarContainer.tsx
+++ b/src/components/Sidebar/SidebarContainer.tsx
@@ -7,12 +7,12 @@ interface Props {
 const SidebarContainer: React.FC<Props> = ({ className, children, clickable = true }) => {
   return (
     <aside
-      className={`fcmap-w-full md:fcmap-w-[336px] fcmap-overflow-y-auto fcmap-z-10 fcmap-shadow-lg ${
+      className={`fcmap-w-full md:fcmap-w-[336px] fcmap-h-full fcmap-overflow-y-auto fcmap-z-10  ${
         clickable ? 'fcmap-pointer-events-auto' : 'fcmap-pointer-events-none'
       } ${className ?? ''}`}
     >
       <div
-        className={`fcmap-w-full fcmap-max-h-full md:sidebar-height fcmap-min-h-min fcmap-bg-white fcmap-box-border fcmap-flex fcmap-flex-col`}
+        className={`fcmap-shadow-lg fcmap-w-full fcmap-max-h-full md:sidebar-height fcmap-min-h-min fcmap-bg-white fcmap-box-border fcmap-flex fcmap-flex-col`}
       >
         {children}
       </div>