diff --git a/src/app/create/_components/Items.css.ts b/src/app/create/_components/Items.css.ts
index f335d9f3..ef5a48a8 100644
--- a/src/app/create/_components/Items.css.ts
+++ b/src/app/create/_components/Items.css.ts
@@ -42,6 +42,15 @@ export const title = style({
   },
 });
 
+export const errorTitle = style([
+  title,
+  {
+    '::placeholder': {
+      color: '#FF5454',
+    },
+  },
+]);
+
 export const comment = style({
   width: '100%',
   resize: 'none',
diff --git a/src/app/create/_components/Items.tsx b/src/app/create/_components/Items.tsx
index 65aea68c..4792155a 100644
--- a/src/app/create/_components/Items.tsx
+++ b/src/app/create/_components/Items.tsx
@@ -102,9 +102,10 @@ export default function Items() {
                         itemLength={watchItems.length}
                         titleInput={
                           <input
-                            className={styles.title}
+                            className={titleError ? styles.errorTitle : styles.title}
                             placeholder={itemPlaceholder.title}
                             autoComplete="off"
+                            maxLength={100}
                             {...register(`items.${index}.title`, itemTitleRules)}
                           />
                         }
@@ -112,6 +113,7 @@ export default function Items() {
                           <textarea
                             className={styles.comment}
                             placeholder={itemPlaceholder.comment}
+                            maxLength={100}
                             {...register(`items.${index}.comment`, itemCommentRules)}
                           />
                         }