From 8b4caa2dbdcf985b474c665d02279ec1e11b28cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=96=B4=EC=8A=B9=EC=A4=80?= <eoseungjun7@naver.com>
Date: Fri, 12 Jan 2024 05:35:02 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EB=A6=AC=EB=B7=B0/=EB=8C=93=EA=B8=80=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailSectionTop/DetailAddSchedule.tsx  | 4 ++--
 src/components/DetailSectionTop/DetailToursButtons.tsx | 4 ++--
 src/components/common/icons/Icons.tsx                  | 2 ++
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/DetailSectionTop/DetailAddSchedule.tsx b/src/components/DetailSectionTop/DetailAddSchedule.tsx
index 0e3f76ff..d805968c 100644
--- a/src/components/DetailSectionTop/DetailAddSchedule.tsx
+++ b/src/components/DetailSectionTop/DetailAddSchedule.tsx
@@ -13,8 +13,8 @@ const DetailAddSchedule = () => {
   return (
     <Dialog.Root>
       <Dialog.Trigger asChild>
-        <button className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2 ">
-          <CalendarIcon className="mb-[5px]" />
+        <button className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2 pr-4 ">
+          <CalendarIcon className="mb-[2px]" />
           <span className="text-sm ">일정 추가</span>
         </button>
       </Dialog.Trigger>
diff --git a/src/components/DetailSectionTop/DetailToursButtons.tsx b/src/components/DetailSectionTop/DetailToursButtons.tsx
index 13025a25..85a44d0c 100644
--- a/src/components/DetailSectionTop/DetailToursButtons.tsx
+++ b/src/components/DetailSectionTop/DetailToursButtons.tsx
@@ -44,8 +44,8 @@ export default function DetailTourButtons({ reviewData }: reviewProps) {
         <DetailAddSchedule />
         <button
           onClick={handlePostingReivew}
-          className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2">
-          <PenIcon />
+          className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2 pr-4">
+          <PenIcon className="mt-[3px]" />
           <span className="text-sm ">리뷰 쓰기</span>
         </button>
       </div>
diff --git a/src/components/common/icons/Icons.tsx b/src/components/common/icons/Icons.tsx
index 52355fba..18f154b1 100644
--- a/src/components/common/icons/Icons.tsx
+++ b/src/components/common/icons/Icons.tsx
@@ -268,6 +268,7 @@ export const PenIcon: React.FC<IconProps> = ({
   size = 25,
   color = 'black',
   fill = 'none',
+  className,
 }) => {
   return (
     <svg
@@ -275,6 +276,7 @@ export const PenIcon: React.FC<IconProps> = ({
       height={size}
       viewBox="0 0 21 21"
       fill={fill}
+      className={className}
       xmlns="http://www.w3.org/2000/svg">
       <g id="Group 36684">
         <g id="Group 36683">