From 8c80c79bea12288b950647a0c8eff6ce89cb5651 Mon Sep 17 00:00:00 2001
From: Courtney <37649170+CourtneyGosselin@users.noreply.github.com>
Date: Mon, 19 Aug 2024 13:17:12 -0700
Subject: [PATCH] Responsive patient info table (#171)

Signed-off-by: Courtney Gosselin <courtney@gosselin.io>
---
 src/views/clinicalGenomic/clinicalPatientView.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/clinicalGenomic/clinicalPatientView.js b/src/views/clinicalGenomic/clinicalPatientView.js
index fa8a782..e69c91f 100644
--- a/src/views/clinicalGenomic/clinicalPatientView.js
+++ b/src/views/clinicalGenomic/clinicalPatientView.js
@@ -96,8 +96,15 @@ function ClinicalPatientView() {
                     </div>
                 ))}
             </StyledTopLevelBox>
-            <div style={{ width: '100%', height: '68vh' }}>
-                <DataGrid rows={rows} columns={columns} pageSize={10} rowsPerPageOptions={[10]} hideFooterSelectedRowCount />
+            <div style={{ width: '100%' }}>
+                <DataGrid
+                    sx={{ minHeight: '30vh', maxHeight: '68vh' }}
+                    rows={rows}
+                    columns={columns}
+                    pageSize={10}
+                    rowsPerPageOptions={[10]}
+                    hideFooterSelectedRowCount
+                />
             </div>
             {dateOfBirth && (
                 <TimelineContainer>