diff --git a/components/Form/TextArea.tsx b/components/Form/TextArea.tsx
index 5563db6..a650ca2 100644
--- a/components/Form/TextArea.tsx
+++ b/components/Form/TextArea.tsx
@@ -10,7 +10,7 @@ import 'emoji-mart/css/emoji-mart.css'
 
 
 
-const TextArea: React.FC<TextAreaProps> = ({ name, placeholder, theme='auto', setValue, value }) => {
+const TextArea: React.FC<TextAreaProps> = ({ name, placeholder, theme='auto', max, setValue, value }) => {
 	const ref = useRef()
 	const [ emojiPickerHidden, setEmojiPickerHidden ] = useState(true)
 	useOutsideClick(ref, () => {
@@ -20,7 +20,7 @@ const TextArea: React.FC<TextAreaProps> = ({ name, placeholder, theme='auto', se
 	return <div className='border border-grey-light dark:border-transparent h-96 text-black dark:bg-very-black dark:text-white rounded px-4 py-3 inline-block relative w-full'>
 		<Field as='textarea' name={name} className='dark:border-transparent text-black dark:bg-very-black dark:text-white w-full relative h-full resize-none outline-none' placeholder={placeholder} />
 		<div ref={ref}>
-			<div className='absolute bottom-12 -right-3 sm:right-8 z-30'>
+			<div className='absolute bottom-12 left-10 z-30'>
 				{
 					!emojiPickerHidden && <Picker title='선택해주세요' emoji='sunglasses' set='twitter' enableFrequentEmojiSort	theme={theme} showSkinTones={false} onSelect={(e) => {
 						setEmojiPickerHidden(true)
@@ -44,9 +44,14 @@ const TextArea: React.FC<TextAreaProps> = ({ name, placeholder, theme='auto', se
 					}} custom={KoreanbotsEmoji}/>
 				}
 			</div>
-			<div className='absolute bottom-3 right-8'>
+			<div className='absolute bottom-2 left-4 hidden sm:block'>
 				<div className='emoji-selector-button outline-none' onClick={() => setEmojiPickerHidden(false)} onKeyPress={() => setEmojiPickerHidden(false)} role='button' tabIndex={0} />
 			</div>
+			{
+				max && <span className={`absolute bottom-2 right-4${max < value.length ? ' text-red-400' : ''}`}>
+					{max-value.length}
+				</span>
+			}
 		</div>
 	</div>
 }
@@ -55,6 +60,7 @@ interface TextAreaProps {
   name: string
   placeholder?: string
   theme?: 'auto' | 'dark' | 'light'
+	max?: number
   value: string
   setValue(value: string): void
 }
diff --git a/pages/addbot.tsx b/pages/addbot.tsx
index b580514..3c6c112 100644
--- a/pages/addbot.tsx
+++ b/pages/addbot.tsx
@@ -169,7 +169,7 @@ const AddBot:NextPage<AddBotProps> = ({ logged, user, csrfToken, theme }) => {
 						<Input name='intro' placeholder='국내 봇을 한 곳에서.' />
 					</Label>
 					<Label For='intro' label='봇 설명' labelDesc={<>봇을 자세하게 설명해주세요! (최대 1500자)<br/>마크다운을 지원합니다!</>} error={errors.desc && touched.desc ? errors.desc : null} required>
-						<TextArea name='desc' placeholder='봇에 대해 최대한 자세히 설명해주세요!' theme={theme === 'dark' ? 'dark' : 'light'} value={values.desc} setValue={(value) => setFieldValue('desc', value)} />
+						<TextArea max={1500} name='desc' placeholder='봇에 대해 최대한 자세히 설명해주세요!' theme={theme === 'dark' ? 'dark' : 'light'} value={values.desc} setValue={(value) => setFieldValue('desc', value)} />
 					</Label>
 					<Label For='preview' label='설명 미리보기' labelDesc='다음 결과는 실제와 다를 수 있습니다.'>
 						<Segment>