Fix : [#2973] Edited CSS to resolve the issue.

Author: Ri-Sharma

client/modules/User/components/CollectionCreate.jsx

@@ -71,7 +71,7 @@ const CollectionCreate = () => {
               value={description}
               onChange={(e) => setDescription(e.target.value)}
               placeholder={t('CollectionCreate.DescriptionPlaceholder')}
-              rows="4"
+              rows="6"
             />
           </p>
           <Button type="submit" disabled={invalid}>

client/styles/components/_forms.scss

@@ -75,6 +75,7 @@
 
 .form__input-flexible-height {
   height: auto;
+  resize: none;
 }
 
 .form__input::placeholder {

client/styles/components/_overlay.scss

@@ -24,10 +24,9 @@
   display: flex;
   flex-wrap: wrap;
   flex-flow: column;
-  max-height: 80%;
   max-width: 80%;
   position: relative;
-  padding-bottom: #{math.div(25, $base-font-size)}rem;
+  padding-bottom: #{math.div(12, $base-font-size)}rem;
 
   @media (max-width: 650px) {
     max-width: 100%;