From 794a602f4098a8a99a8ded6a3566e40d2c829401 Mon Sep 17 00:00:00 2001
From: HopeFullee <john_lee0607@naver.com>
Date: Sat, 3 Jan 2026 22:30:16 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EC=9E=84=EC=83=9D=EC=84=B1=20?=
 =?UTF-8?q?=EC=B5=9C=EB=8C=80=EC=9D=B8=EC=9B=90=20=EC=95=88=EB=82=B4=20?=
 =?UTF-8?q?=EB=AC=B8=EA=B5=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/create-group/fields/cap-field/index.tsx        | 9 ++++++---
 .../pages/create-group/fields/detail-feild/index.tsx     | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/create-group/fields/cap-field/index.tsx b/src/components/pages/create-group/fields/cap-field/index.tsx
index 8aacd059..d43e4d1d 100644
--- a/src/components/pages/create-group/fields/cap-field/index.tsx
+++ b/src/components/pages/create-group/fields/cap-field/index.tsx
@@ -10,11 +10,11 @@ interface Props {
   participantCount?: number;
 }
 
-export const GroupCapField = ({ field, participantCount = 0 }: Props) => {
+export const GroupCapField = ({ field, participantCount }: Props) => {
   const handleOnBlur = (e: React.ChangeEvent<HTMLInputElement>) => {
     const value = Number(e.target.value);
 
-    if (value < participantCount) field.handleChange(participantCount);
+    if (participantCount && value < participantCount) field.handleChange(participantCount);
     else if (value < 2) field.handleChange(2);
     else if (value > 12) field.handleChange(12);
   };
@@ -40,12 +40,15 @@ export const GroupCapField = ({ field, participantCount = 0 }: Props) => {
         placeholder='최대 인원을 선택해주세요'
         required
         type='number'
-        value={!!field.state.value && field.state.value}
+        value={field.state.value ? field.state.value : ''}
         onBlur={(e) => handleOnBlur(e)}
         onChange={(e) => {
           field.handleChange(Number(e.target.value));
         }}
       />
+      <p className='text-text-sm-medium px-2 text-gray-500 select-none'>
+        최대 12명까지 모집할 수 있어요.
+      </p>
     </div>
   );
 };
diff --git a/src/components/pages/create-group/fields/detail-feild/index.tsx b/src/components/pages/create-group/fields/detail-feild/index.tsx
index c0da08c7..2b25e67f 100644
--- a/src/components/pages/create-group/fields/detail-feild/index.tsx
+++ b/src/components/pages/create-group/fields/detail-feild/index.tsx
@@ -25,7 +25,7 @@ export const GroupDetailField = ({ field }: Props) => {
         value={field.state.value}
         onChange={(e) => field.handleChange(e.target.value)}
       />
-      <div className='mt-0.5 flex'>
+      <div className='flex'>
         {isInvalid && <Hint message={field.state.meta.errors[0].message} />}
         <span className='text-text-sm-medium ml-auto text-right text-gray-500 select-none'>
           {field.state.value.length}/300