From 3a8469d86891a1d644ef4f0c2c56f21e4a917a5f Mon Sep 17 00:00:00 2001
From: ywlee <zestlee1106@gmail.com>
Date: Wed, 1 Nov 2023 21:23:04 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=A0=84=ED=8C=8C=20=EB=A7=89=EC=9D=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Chip/Chip.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Chip/Chip.tsx b/components/Chip/Chip.tsx
index 2f8b3ab..af6cee9 100644
--- a/components/Chip/Chip.tsx
+++ b/components/Chip/Chip.tsx
@@ -20,7 +20,7 @@ export default function Chip({ label, onDelete, clicked, onChipClick, onlyText }
   }, [clicked]);
 
   const handleDelete = (e: MouseEvent) => {
-    e.preventDefault();
+    e.stopPropagation();
     if (onDelete) {
       onDelete();
     }
@@ -42,7 +42,7 @@ export default function Chip({ label, onDelete, clicked, onChipClick, onlyText }
       </Typography>
       {!onlyText && (
         <button className="focus:outline-none" onClick={handleDelete} aria-label="Delete">
-          <Close width={10.5} height={10.5} className="m-[7px] stroke-r1 stroke-[2]" />
+          <Close width={10.5} height={10.5} className="m-[7px] stroke-r1 stroke-[2] z-20" />
         </button>
       )}
     </div>