diff --git a/src/components/dagshub/organization/modals/generic-modal/generic-modal.scss b/src/components/dagshub/organization/modals/generic-modal/generic-modal.scss
index 50ee3a70..e3700a4c 100644
--- a/src/components/dagshub/organization/modals/generic-modal/generic-modal.scss
+++ b/src/components/dagshub/organization/modals/generic-modal/generic-modal.scss
@@ -32,6 +32,7 @@
   font-style: normal;
   gap: 16px;
   height: 100%;
+  max-height: inherit;
 }
 
 .modal-content__title {
diff --git a/src/components/dagshub/organization/modals/generic-modal/index.tsx b/src/components/dagshub/organization/modals/generic-modal/index.tsx
index 4e1079ca..c7a33757 100644
--- a/src/components/dagshub/organization/modals/generic-modal/index.tsx
+++ b/src/components/dagshub/organization/modals/generic-modal/index.tsx
@@ -8,11 +8,13 @@ export interface ModalProps {
   elements: JSX.Element[];
   onClose: () => void;
   height?: number;
+  maxHeight?:number;
 }
 
-export function GenericModal({ title, elements, onClose, height }: ModalProps) {
+export function GenericModal({ title, elements, onClose, height, maxHeight }: ModalProps) {
   const genericModalHeightStyle = {
-    height: height ? height : 'auto'
+    height: height ? height : 'auto',
+    maxHeight: maxHeight? maxHeight: 'auto'
   };
 
   return (