From 46d08ece52968249d9b8d6afa4a316dc4916c797 Mon Sep 17 00:00:00 2001
From: Dongho Shin <kakkiid@gmail.com>
Date: Sat, 2 Dec 2023 19:39:33 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=97=85=EB=AC=B4=EA=B2=BD=ED=97=98?=
 =?UTF-8?q?=20-=20=EC=A3=BC=EC=9A=94=EC=97=85=EB=AC=B4=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20=EB=B2=84=ED=8A=BC=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20=ED=88=B4=ED=8C=81=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ResumeCategoryCareer/CareerForm.tsx       | 34 ++++++++++++++-----
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/organisms/ResumeCategoryCareer/CareerForm.tsx b/src/components/organisms/ResumeCategoryCareer/CareerForm.tsx
index 35bd0c3a..7a72865b 100644
--- a/src/components/organisms/ResumeCategoryCareer/CareerForm.tsx
+++ b/src/components/organisms/ResumeCategoryCareer/CareerForm.tsx
@@ -1,4 +1,4 @@
-import { AddIcon, DeleteIcon } from '@chakra-ui/icons';
+import { AddIcon } from '@chakra-ui/icons';
 import {
   VStack,
   Text,
@@ -8,6 +8,7 @@ import {
   Flex,
   Tooltip,
   Box,
+  Icon,
 } from '@chakra-ui/react';
 import React, { useEffect } from 'react';
 import {
@@ -19,6 +20,7 @@ import {
   useForm,
   useWatch,
 } from 'react-hook-form';
+import { LuDelete } from 'react-icons/lu';
 import { useParams } from 'react-router-dom';
 import { postResumeCareer } from '~/api/resume/create/postResumeCareer';
 import { patchResumeCareer } from '~/api/resume/edit/patchResumeCareer';
@@ -299,14 +301,30 @@ const DutyForm = ({
         m={'1.5rem'}
         borderColor={'gray.300'}
       />
-      <ChakraButton
-        w={0}
-        h={0}
-        alignSelf={'self-end'}
-        onClick={() => remove(index)}
+      <Tooltip
+        placement="left-end"
+        label="삭제하기"
+        bg={'gray.800'}
+        color={'gray.100'}
+        hasArrow
       >
-        <DeleteIcon />
-      </ChakraButton>
+        <ChakraButton
+          w={'fit-content'}
+          minW={'fit-content'}
+          h={'fit-content'}
+          _hover={{
+            bg: 'gray.200',
+          }}
+          p={0}
+          alignSelf={'self-end'}
+          onClick={() => remove(index)}
+        >
+          <Icon
+            as={LuDelete}
+            boxSize={6}
+          />
+        </ChakraButton>
+      </Tooltip>
       <FormControl isInvalid={Boolean(errors.duties && errors.duties[index]?.title)}>
         <FormLabel
           htmlFor="dutyTitle"