diff --git a/apps/web/src/components/dialogs/add-reminder-dialog.tsx b/apps/web/src/components/dialogs/add-reminder-dialog.tsx
index c7017399e..138c65348 100644
--- a/apps/web/src/components/dialogs/add-reminder-dialog.tsx
+++ b/apps/web/src/components/dialogs/add-reminder-dialog.tsx
@@ -223,11 +223,17 @@ export default function AddReminderDialog(props: AddReminderDialogProps) {
         }
       />
       <Field
+        as="textarea"
         id="description"
         label="Description"
         data-test-id="description-input"
         helpText="Optional"
         value={description}
+        styles={{
+          input: {
+            height: 100
+          }
+        }}
         onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
           setDescription(e.target.value)
         }