From c2c5ee509c7510c97d762798a7f25bb4395ab723 Mon Sep 17 00:00:00 2001
From: TakuyaNakakura <taku09ya99@gmail.com>
Date: Sat, 6 Jul 2024 15:07:30 +0900
Subject: [PATCH] =?UTF-8?q?[fix]=20react-select=E3=81=AE=E3=83=87=E3=83=95?=
 =?UTF-8?q?=E3=82=A9=E3=83=AB=E3=83=88=E3=82=92unstyled=E3=81=AB=E3=81=97?=
 =?UTF-8?q?=E3=81=A6=E3=81=BF=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/MultiSelect/MultiSelect.tsx    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/view/next-project/src/components/common/MultiSelect/MultiSelect.tsx b/view/next-project/src/components/common/MultiSelect/MultiSelect.tsx
index 754dd41e4..41bc9347d 100644
--- a/view/next-project/src/components/common/MultiSelect/MultiSelect.tsx
+++ b/view/next-project/src/components/common/MultiSelect/MultiSelect.tsx
@@ -20,9 +20,16 @@ const MultiSelect: React.FC<MultiSelectProps> = ({
   placeholder,
 }) => {
   const [selected, setSelected] = useState<{ value: string; label: string }[]>(values);
-
+  const className = 'rounded-full border border-primary-1 py-2 px-4 w-full';
   return (
     <Select
+      unstyled
+      classNames={{
+        control: (state) => className,
+      }}
+      components={{
+        IndicatorSeparator: () => null,
+      }}
       isMulti
       options={options}
       value={selected}