diff --git a/index.html b/index.html
index 29a4aa3..0baca77 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@ <h2>Add Tasks</h2>
       </label>
       <label>
         Description:
-        <textarea name="description" placeholder="Describe the task..."></textarea>
+        <textarea name="description" placeholder="Describe the task..." rows="5" cols="80"></textarea>
       </label>
       <button type="submit">Add task</button>
     </form>
diff --git a/src/main.ts b/src/main.ts
index 9abf90c..b042e06 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -86,6 +86,8 @@ function updateTasks() {
           class="task-description"
           @change="${(event: Event) => (task.description = (event.target as HTMLTextAreaElement).value)}"
           .value="${task.description}"
+          rows="5"
+          cols="80"
         ></textarea>
       </div>
     `