modal height increased

src/components/immediateCredits/ImmediateCreditModal.js

@@ -77,7 +77,7 @@ const ImmediateCreditModal = ({
   console.log('WorkPosition', recipientWorkPosition);
 
   return (
-    <section className={modalOpen ? 'modal credit-modal active' : 'modal credit-modal'}>
+    <section className={modalOpen ? 'modal imm-credit-modal active' : 'modal imm-credit-modal'}>
       <div className="modal-container">
         <div className="modal-inner" ref={window}>
           <div className="modal-window">

src/scss/_modal-form.scss

@@ -37,6 +37,7 @@
 .modal-inner {
   display: flex;
   align-items: center;
+  height: 100%;
 }
 
 .modal-window {
@@ -46,6 +47,7 @@
   padding: 5rem;
   padding-top: 2.8rem;
   overflow-x: hidden;
+  min-height: 75vh;
 }
 
 .modal-top {
@@ -86,7 +88,7 @@
 
   &::before {
     position: absolute;
-    content: "";
+    content: '';
     width: calc(100% + 18rem);
     top: 0;
     height: 0.1rem;
@@ -97,7 +99,7 @@
 
   &::after {
     position: absolute;
-    content: "";
+    content: '';
     width: calc(100% + 18rem);
     height: 0.1rem;
     bottom: 0;