From 2dcac548c332c4d95e1b5805fc5233d924bbcdd1 Mon Sep 17 00:00:00 2001
From: Meghan McLaughlin <meghan-l-mclaughlin@uiowa.edu>
Date: Tue, 28 Apr 2020 21:45:09 -0500
Subject: [PATCH] added list wrapper to individual checkboxes

---
 pwa/src/components/DiagnosisForm.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/pwa/src/components/DiagnosisForm.tsx b/pwa/src/components/DiagnosisForm.tsx
index 549833e..a242d96 100644
--- a/pwa/src/components/DiagnosisForm.tsx
+++ b/pwa/src/components/DiagnosisForm.tsx
@@ -38,13 +38,15 @@ export default function DiagnosisForm(): ReactElement {
 
                 if (field.name != null) {
                     formElements.push(
-                        <CheckboxItem
-                            id={field.id}
-                            data-testid={field.id}
-                            key={field.id}
-                        >
-                            {field.name}
-                        </CheckboxItem>,
+                        <List>
+                            <CheckboxItem
+                                id={field.id}
+                                data-testid={field.id}
+                                key={field.id}
+                            >
+                                {field.name}
+                            </CheckboxItem>
+                        </List>,
                     )
                 }