From 4ef8785489dd8384139bb7405093cddd3e5dfd91 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 9 Feb 2023 13:37:08 +0500
Subject: [PATCH] web: allow multi-line text in reminder description

---
 apps/web/src/components/dialogs/add-reminder-dialog.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

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)
         }