From 808bba8fdf6c9aa4c292a79f52630cbfe402b9a5 Mon Sep 17 00:00:00 2001
From: Hanbyul Jo <hanbyul@nyu.edu>
Date: Wed, 4 Oct 2023 15:06:06 -0400
Subject: [PATCH] Lint, Put max height for mapoption container

---
 app/scripts/components/common/mapbox/layer-legend.tsx      | 5 ++---
 app/scripts/components/common/mapbox/map-options/index.tsx | 2 ++
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/scripts/components/common/mapbox/layer-legend.tsx b/app/scripts/components/common/mapbox/layer-legend.tsx
index 1953540a8..2fee4da14 100644
--- a/app/scripts/components/common/mapbox/layer-legend.tsx
+++ b/app/scripts/components/common/mapbox/layer-legend.tsx
@@ -27,8 +27,6 @@ import {
   WidgetItemHGroup
 } from '$styles/panel';
 
-import { ShadowScrollbarImproved as ShadowScrollbar } from '$components/common/shadow-scrollbar-improved';
-
 interface LayerLegendCommonProps {
   id: string;
   title: string;
@@ -198,7 +196,8 @@ const LayerLegendTitle = styled.h3`
 
 const LegendBody = styled(WidgetItemBodyInner)`
   padding: 0;
-
+  min-height: 32px;
+  max-height: 120px;
   .scroll-inner {
     padding: ${variableGlsp(0.5, 0.75)};
   }
diff --git a/app/scripts/components/common/mapbox/map-options/index.tsx b/app/scripts/components/common/mapbox/map-options/index.tsx
index d57c9ba1c..7ffa71213 100644
--- a/app/scripts/components/common/mapbox/map-options/index.tsx
+++ b/app/scripts/components/common/mapbox/map-options/index.tsx
@@ -28,6 +28,8 @@ const DropHeader = styled.div`
 
 const DropBody = styled.div`
   padding: ${glsp(0, 0, 1, 0)};
+  max-height: 320px;
+  overflow-y: auto;
 `;
 
 /**