diff --git a/apps/rowboat/app/lib/components/input-field.tsx b/apps/rowboat/app/lib/components/input-field.tsx
index 594a2db4..42ef48a6 100644
--- a/apps/rowboat/app/lib/components/input-field.tsx
+++ b/apps/rowboat/app/lib/components/input-field.tsx
@@ -248,7 +248,7 @@ function TextInputField({
 
                 {/* Input field */}
                 {mentions ? (
-                    <div className="w-full">
+                    <div className="w-full min-h-[300px]">
                         <MentionsEditor
                             atValues={mentionsAtValues}
                             value={value}
@@ -264,7 +264,7 @@ function TextInputField({
                         placeholder={placeholder}
                         variant="bordered"
                         size={getInputSize()}
-                        minRows={3}
+                        minRows={12}
                         maxRows={20}
                         isInvalid={!isValid}
                         errorMessage={validationResult?.errorMessage}
@@ -321,11 +321,13 @@ function TextInputField({
             {/* Content display */}
             <div
                 className={clsx(
-                    "group relative rounded-lg border border-gray-200 dark:border-gray-700 p-3 min-h-[40px] transition-all duration-200",
+                    "group relative rounded-lg border border-gray-200 dark:border-gray-700 p-3 transition-all duration-200",
                     {
                         "cursor-pointer hover:border-gray-300 dark:hover:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800": !locked && !disabled,
                         "cursor-not-allowed opacity-60": locked || disabled,
                         "border-0 bg-transparent p-0": inline,
+                        "min-h-[300px]": multiline,
+                        "min-h-[40px]": !multiline,
                     }
                 )}
                 onClick={() => !locked && !disabled && setIsEditing(true)}
diff --git a/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx b/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
index b3b8045a..f5d3a5f7 100644
--- a/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
+++ b/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
@@ -363,11 +363,12 @@ export function AgentConfig({
                                                 });
                                                 showSavedMessage();
                                             }}
+                                            placeholder="Type agent instructions..."
                                             markdown
                                             multiline
                                             mentions
                                             mentionsAtValues={atMentions}
-                                            className="h-full min-h-0 overflow-auto !mb-0 !mt-0"
+                                            className="h-full min-h-0 overflow-auto !mb-0 !mt-0 min-h-[300px]"
                                         />
                                     </div>
                                     {/* Examples Section */}
diff --git a/apps/rowboat/app/styles/quill-mentions.css b/apps/rowboat/app/styles/quill-mentions.css
index 17a9a4e2..0e7f0951 100644
--- a/apps/rowboat/app/styles/quill-mentions.css
+++ b/apps/rowboat/app/styles/quill-mentions.css
@@ -70,6 +70,12 @@
 .ql-editor {
     font-size: 1rem !important; /* Increase base font size */
     line-height: 1.6 !important; /* Adjust line height for better readability */
+    min-height: 300px !important; /* Set minimum height for better editing experience */
+}
+
+/* Quill editor container height */
+.ql-container {
+    min-height: 300px !important; /* Ensure the container also has minimum height */
 }
 
 /* Keep the rendered markdown view at its original size */