From 85e78fa0950b72edcaa1aefbe2658d2b03f220a8 Mon Sep 17 00:00:00 2001
From: Rio Edwards <rioredwards@gmail.com>
Date: Sat, 25 Nov 2023 00:19:48 -0800
Subject: [PATCH] Add max height for autocomplete and signInModal components

---
 src/components/Modals/SignInModal.jsx        | 1 +
 src/components/NavBar/OidcLoginComponent.jsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/Modals/SignInModal.jsx b/src/components/Modals/SignInModal.jsx
index 52a36e5fd..836738e6d 100644
--- a/src/components/Modals/SignInModal.jsx
+++ b/src/components/Modals/SignInModal.jsx
@@ -26,6 +26,7 @@ const SignInModal = ({ showSignInModal, setShowSignInModal }) => (
     aria-labelledby="dialog-title"
     aria-describedby="dialog-description"
     onClose={() => setShowSignInModal(false)}
+    PaperProps={{ sx: { maxHeight: '20rem', overflow: 'clip' } }}
   >
     <DialogTitle id="dialog-title" textAlign="center">
       Sign In
diff --git a/src/components/NavBar/OidcLoginComponent.jsx b/src/components/NavBar/OidcLoginComponent.jsx
index 623eb2e91..d92e9ab52 100644
--- a/src/components/NavBar/OidcLoginComponent.jsx
+++ b/src/components/NavBar/OidcLoginComponent.jsx
@@ -79,6 +79,7 @@ const OidcLoginComponent = ({ setShowSignInModal }) => {
         onInputChange={(_, newInputValue) => {
           setOidcIssuer(newInputValue);
         }}
+        ListboxProps={{ style: { maxHeight: '12rem' } }}
         renderInput={(renderParams) => (
           <TextField
             {...renderParams}