diff --git a/components/Modal/index.tsx b/components/Modal/index.tsx
index a412bfb..3eca63a 100644
--- a/components/Modal/index.tsx
+++ b/components/Modal/index.tsx
@@ -14,7 +14,7 @@ export default function Modal({ toggleModal, className, children }: Props) {
     <div className="overflow-y-auto py-2 fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 flex items-center fade-in z-30">
       <ClickAwayHandler
         onClickOutside={toggleModal}
-        className={`w-fit m-auto h-[50rem] ${className}`}
+        className={`w-fit m-auto mt-10 sm:mt-20 ${className}`}
       >
         <div className="slide-up relative border-sky-100 rounded-2xl border-solid border shadow-lg p-5 bg-white">
           <div
diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
index 1ffadda..c3e2369 100644
--- a/pages/collections/[id].tsx
+++ b/pages/collections/[id].tsx
@@ -248,10 +248,7 @@ export default function Index() {
                 ) : null}
 
                 {collectionInfoModal && activeCollection ? (
-                  <Modal
-                    toggleModal={toggleCollectionInfoModal}
-                    className="h-[35rem]"
-                  >
+                  <Modal toggleModal={toggleCollectionInfoModal}>
                     <CollectionModal
                       toggleCollectionModal={toggleCollectionInfoModal}
                       activeCollection={activeCollection}
@@ -261,10 +258,7 @@ export default function Index() {
                 ) : null}
 
                 {collectionMembersModal && activeCollection ? (
-                  <Modal
-                    toggleModal={toggleCollectionMembersModal}
-                    className="h-[35rem]"
-                  >
+                  <Modal toggleModal={toggleCollectionMembersModal}>
                     <CollectionModal
                       defaultIndex={1}
                       toggleCollectionModal={toggleCollectionMembersModal}
@@ -275,10 +269,7 @@ export default function Index() {
                 ) : null}
 
                 {deleteCollectionModal && activeCollection ? (
-                  <Modal
-                    toggleModal={toggleDeleteCollectionModal}
-                    className="h-[35rem]"
-                  >
+                  <Modal toggleModal={toggleDeleteCollectionModal}>
                     <CollectionModal
                       defaultIndex={2}
                       toggleCollectionModal={toggleDeleteCollectionModal}
diff --git a/pages/collections/index.tsx b/pages/collections/index.tsx
index 1f3b146..0932b04 100644
--- a/pages/collections/index.tsx
+++ b/pages/collections/index.tsx
@@ -212,7 +212,7 @@ export default function Collections() {
       </div>
 
       {collectionModal ? (
-        <Modal toggleModal={toggleCollectionModal} className="h-[35rem]">
+        <Modal toggleModal={toggleCollectionModal}>
           <CollectionModal
             activeCollection={{
               name: "",