diff --git a/resources/scripts/components/elements/Modal.tsx b/resources/scripts/components/elements/Modal.tsx
index 2980fecd9..68d6493de 100644
--- a/resources/scripts/components/elements/Modal.tsx
+++ b/resources/scripts/components/elements/Modal.tsx
@@ -36,7 +36,7 @@ const ModalContainer = styled.div<{ alignTop?: boolean }>`
         ${breakpoint('md')`margin-top: 10%`};
     `};
 
-    margin-bottom: 5%;
+    margin-bottom: auto;
     
     & > .close-icon {
         ${tw`absolute right-0 p-2 text-white cursor-pointer opacity-50 transition-all duration-150 ease-linear hover:opacity-100`};