From 01a4931412d0f9c13d803ef608e2a509ef78d76b Mon Sep 17 00:00:00 2001
From: Koki Sakano <kosakanoki@gmail.com>
Date: Sat, 21 Sep 2024 19:17:55 +0900
Subject: [PATCH] =?UTF-8?q?scroll=E3=82=92=E5=8F=AF=E8=83=BD=E3=81=AB?=
 =?UTF-8?q?=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/list-box/list-box.stories.tsx | 16 +++++++++-------
 src/components/list-box/list-box.tsx         |  2 +-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/list-box/list-box.stories.tsx b/src/components/list-box/list-box.stories.tsx
index 71ff804..57e9eb0 100644
--- a/src/components/list-box/list-box.stories.tsx
+++ b/src/components/list-box/list-box.stories.tsx
@@ -34,12 +34,14 @@ const OPTIONS: Option[] = [
 
 export const Default: Story = {
   render: () => (
-    <ListBox.Root
-      options={OPTIONS}
-      onSelect={(key: string) => console.log(key)}
-    >
-      <ListBox.Trigger />
-      <ListBox.Content />
-    </ListBox.Root>
+    <div className="w-56">
+      <ListBox.Root
+        options={OPTIONS}
+        onSelect={(key: string) => console.log(key)}
+      >
+        <ListBox.Trigger />
+        <ListBox.Content />
+      </ListBox.Root>
+    </div>
   ),
 };
diff --git a/src/components/list-box/list-box.tsx b/src/components/list-box/list-box.tsx
index fd8964c..e6a447e 100644
--- a/src/components/list-box/list-box.tsx
+++ b/src/components/list-box/list-box.tsx
@@ -103,7 +103,7 @@ const Content: FC = () => {
           <section
             {...props}
             {...contentProps}
-            className="flex min-w-40 flex-col rounded-xl border border-borderSecondary bg-bgBase py-2 shadow-xl"
+            className="flex max-h-48 min-w-56 flex-col overflow-y-auto rounded-xl border border-borderSecondary bg-bgBase py-2 shadow-xl"
           >
             {options.map(({ key, label }, idx) => (
               <Item key={key} label={label} index={idx} />