From 93b0a176c1d7e598117b6f90d6f6c66db0b97502 Mon Sep 17 00:00:00 2001
From: Rishi <rishisharmaomg@gmail.com>
Date: Mon, 29 Jan 2024 00:18:50 +0530
Subject: [PATCH 1/3] Fix : [#2973] Edited CSS to resolve the issue.

---
 client/modules/User/components/CollectionCreate.jsx | 2 +-
 client/styles/components/_forms.scss                | 1 +
 client/styles/components/_overlay.scss              | 3 +--
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/modules/User/components/CollectionCreate.jsx b/client/modules/User/components/CollectionCreate.jsx
index 9a19f4abf1..02d3fb59f0 100644
--- a/client/modules/User/components/CollectionCreate.jsx
+++ b/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}>
diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss
index 6daa1fa67a..440ce4cc48 100644
--- a/client/styles/components/_forms.scss
+++ b/client/styles/components/_forms.scss
@@ -75,6 +75,7 @@
 
 .form__input-flexible-height {
   height: auto;
+  resize: none;
 }
 
 .form__input::placeholder {
diff --git a/client/styles/components/_overlay.scss b/client/styles/components/_overlay.scss
index 8c6c2da757..94e5b78415 100644
--- a/client/styles/components/_overlay.scss
+++ b/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%;

From 55df16d0b9e3a26cd9953f9352e0e486c845133f Mon Sep 17 00:00:00 2001
From: Rishi <rishisharmaomg@gmail.com>
Date: Mon, 29 Jan 2024 23:50:24 +0530
Subject: [PATCH 2/3] Fixed max-height issue

---
 client/styles/components/_overlay.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/styles/components/_overlay.scss b/client/styles/components/_overlay.scss
index 94e5b78415..c8b720a841 100644
--- a/client/styles/components/_overlay.scss
+++ b/client/styles/components/_overlay.scss
@@ -24,6 +24,7 @@
   display: flex;
   flex-wrap: wrap;
   flex-flow: column;
+  max-height: 80%;
   max-width: 80%;
   position: relative;
   padding-bottom: #{math.div(12, $base-font-size)}rem;
@@ -36,6 +37,10 @@
   }
 }
 
+.overlay__body:has(.collection-create){
+  max-height: none;
+}
+
 .overlay__header {
   display: flex;
   justify-content: space-between;

From 810bfb0436e4e2d02b371bc6d05b1bcfb1b0e9c5 Mon Sep 17 00:00:00 2001
From: Rishi <rishisharmaomg@gmail.com>
Date: Wed, 31 Jan 2024 23:56:25 +0530
Subject: [PATCH 3/3] Fix Horizontal Scroll issue

---
 client/styles/components/_collection-create.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/client/styles/components/_collection-create.scss b/client/styles/components/_collection-create.scss
index 093b96b84f..94e0546df3 100644
--- a/client/styles/components/_collection-create.scss
+++ b/client/styles/components/_collection-create.scss
@@ -2,4 +2,10 @@
 
 .collection-create {
   padding: #{math.div(24, $base-font-size)}rem;
+
+  @media (max-width: 650px) {
+    .form__input {
+      min-width: unset;
+    }
+  }
 }