From a04a717779cc11078cc845af99cefbd5e7516b36 Mon Sep 17 00:00:00 2001
From: Dongho Shin <kakkiid@gmail.com>
Date: Sat, 2 Dec 2023 17:52:22 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EB=B2=84=ED=8A=BC=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8,=20=EC=B9=B4=ED=85=8C=EA=B3=A0?=
 =?UTF-8?q?=EB=A6=AC=20=EC=B6=94=EA=B0=80=20=EB=B2=84=ED=8A=BC=20hover=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/atoms/Button/Button.tsx                      | 6 ++++++
 .../molecules/CategoryAddHeader/CategoryAddHeader.tsx       | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/src/components/atoms/Button/Button.tsx b/src/components/atoms/Button/Button.tsx
index c627eac3..ef4ecdf5 100644
--- a/src/components/atoms/Button/Button.tsx
+++ b/src/components/atoms/Button/Button.tsx
@@ -16,6 +16,12 @@ const Button = forwardRef<ButtonProps, 'button'>(
       size={size}
       {...props}
       ref={ref}
+      _hover={{
+        opacity: '80%',
+      }}
+      _groupHover={{
+        opacity: '80%',
+      }}
     >
       {children}
     </ChakraButton>
diff --git a/src/components/molecules/CategoryAddHeader/CategoryAddHeader.tsx b/src/components/molecules/CategoryAddHeader/CategoryAddHeader.tsx
index 13fc0487..6d6cd357 100644
--- a/src/components/molecules/CategoryAddHeader/CategoryAddHeader.tsx
+++ b/src/components/molecules/CategoryAddHeader/CategoryAddHeader.tsx
@@ -23,6 +23,9 @@ const CategoryAddHeader = ({ categoryTitle, onAddItem }: CategoryAddHeaderProps)
         borderRadius={'1.22rem'}
         bg={'none'}
         onClick={onAddItem}
+        _hover={{
+          bg: 'primary.100',
+        }}
       >
         <AddIcon color={'primary.900'} />
       </Button>