fix: minor design changes (#1410)

Co-authored-by: Jake Wheeler <jake.wheeler@skylight.digital>

Author: fzhao99

client/e2e/configurations.spec.ts

@@ -44,9 +44,11 @@ test.describe('Configurations screen', () => {
       'Death associated with disease caused by severe acute respiratory syndrome coronavirus 2 (event)'
     );
     await expect(page.getByRole('option', { name: 'COVID-19' })).toBeVisible();
-    await page.getByRole('option', { name: 'COVID-19' }).click();
-
-    await expect(page.getByText('COVID-19')).toBeVisible();
+    const covidOption = page.getByRole('option', { name: 'COVID-19' });
+    await covidOption.click();
+    await expect(covidOption).not.toBeVisible();
+    await expect(page.getByText('Selected condition group')).toBeVisible();
+    await expect(page.getByRole('table', { name: 'COVID-19' })).toBeVisible();
     await expect(page.getByText('1001411000124108')).toBeVisible();
     await expect(
       page.getByText(

client/package-lock.json

@@ -57,7 +57,7 @@ function Modal({
   open,
   onClose,
   children,
-  position = 'center',
+  position = 'top',
   maxWidth = 'lg',
   className,
 }: ModalProps) {
@@ -68,7 +68,7 @@ function Modal({
 
         <div
           className={classNames(
-            'fixed inset-0 z-50 flex justify-center overflow-auto p-4',
+            'fixed inset-0 z-50 flex justify-center overflow-auto pt-15',
             {
               'items-center': position === 'center',
               'items-start': position === 'top',