From 68e021861f6921472ec60c4c2e6046db21876d8d Mon Sep 17 00:00:00 2001
From: Varsha Menon <varshamenon04@gmail.com>
Date: Tue, 3 Sep 2024 12:09:41 -0400
Subject: [PATCH] fix: add overflow handling

---
 src/pages/ExamsPage/components/AllowanceListActions.jsx   | 4 ++++
 src/pages/ExamsPage/components/ResetExamAttemptModal.jsx  | 2 ++
 src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx | 2 ++
 3 files changed, 8 insertions(+)

diff --git a/src/pages/ExamsPage/components/AllowanceListActions.jsx b/src/pages/ExamsPage/components/AllowanceListActions.jsx
index cfc474a..6bf7548 100644
--- a/src/pages/ExamsPage/components/AllowanceListActions.jsx
+++ b/src/pages/ExamsPage/components/AllowanceListActions.jsx
@@ -70,8 +70,10 @@ const EditModal = (isOpen, close, allowance, formatMessage) => {
       isOpen={isOpen}
       onClose={onClose}
       variant="default"
+      isOverflowVisible={false}
       hasCloseButton
       isFullscreenOnMobile
+      isFullscreenScroll
     >
       <ModalDialog.Header>
         <ModalDialog.Title data-testid="edit-allowance-header">
@@ -146,8 +148,10 @@ const DeleteModal = (isOpen, onCancel, onDelete, formatMessage) => (
     isOpen={isOpen}
     onClose={onCancel}
     variant="default"
+    isOverflowVisible={false}
     hasCloseButton
     isFullscreenOnMobile
+    isFullscreenScroll
   >
     <ModalDialog.Header>
       <ModalDialog.Title>
diff --git a/src/pages/ExamsPage/components/ResetExamAttemptModal.jsx b/src/pages/ExamsPage/components/ResetExamAttemptModal.jsx
index 4de638e..cfd9cfa 100644
--- a/src/pages/ExamsPage/components/ResetExamAttemptModal.jsx
+++ b/src/pages/ExamsPage/components/ResetExamAttemptModal.jsx
@@ -37,8 +37,10 @@ const ResetExamAttemptModal = ({ username, examName, attemptId }) => {
         onClose={close}
         size="lg"
         variant="default"
+        isOverflowVisible={false}
         hasCloseButton
         isFullscreenOnMobile
+        isFullscreenScroll
       >
         <ModalDialog.Header>
           <ModalDialog.Title>
diff --git a/src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx b/src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx
index 4ce7ef6..a7de39d 100644
--- a/src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx
+++ b/src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx
@@ -99,8 +99,10 @@ const ReviewExamAttemptModal = ({
         onClose={close}
         size="lg"
         variant="default"
+        isOverflowVisible={false}
         hasCloseButton
         isFullscreenOnMobile
+        isFullscreenScroll
       >
         <ModalDialog.Header>
           <ModalDialog.Title>