From 3201f0fb75d8bb20fba6ae27ce1ff2ad9282c7e6 Mon Sep 17 00:00:00 2001
From: sirineJ <112706079+sirineJ@users.noreply.github.com>
Date: Fri, 20 Dec 2024 11:32:21 +0100
Subject: [PATCH] styles

---
 packages/circuit-ui/components/Modal/Modal.module.css | 9 ++++++---
 packages/circuit-ui/components/Modal/Modal.tsx        | 1 -
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/circuit-ui/components/Modal/Modal.module.css b/packages/circuit-ui/components/Modal/Modal.module.css
index dec7f4eca0..9102e4bb02 100644
--- a/packages/circuit-ui/components/Modal/Modal.module.css
+++ b/packages/circuit-ui/components/Modal/Modal.module.css
@@ -2,6 +2,7 @@
   --dialog-animation-duration: 0.3s;
 
   position: fixed;
+  max-height: 90vh;
   padding: 0;
   margin: auto;
   overflow-y: auto;
@@ -21,9 +22,11 @@
 
 .content {
   position: relative;
+  max-height: 90vh;
+  overflow-y: scroll;
 }
 
-.scrollable {
+.base::after {
   position: sticky;
   right: 0;
   bottom: env(safe-area-inset-bottom);
@@ -82,7 +85,7 @@
     padding-bottom: env(safe-area-inset-bottom);
   }
 
-  .scrollable {
+  .base::after {
     height: var(--cui-spacings-giga);
   }
 
@@ -122,7 +125,7 @@
     -webkit-overflow-scrolling: touch;
   }
 
-  .scrollable {
+  .base::after {
     height: var(--cui-spacings-mega);
   }
 
diff --git a/packages/circuit-ui/components/Modal/Modal.tsx b/packages/circuit-ui/components/Modal/Modal.tsx
index 0f0d5029dc..5b0856ccc6 100644
--- a/packages/circuit-ui/components/Modal/Modal.tsx
+++ b/packages/circuit-ui/components/Modal/Modal.tsx
@@ -296,7 +296,6 @@ export const Modal = forwardRef<HTMLDialogElement, ModalProps>((props, ref) => {
             {typeof children === 'function'
               ? children?.({ onClose })
               : children}
-            <div className={classes.scrollable} />
           </div>
         )}
       </dialog>