diff --git a/src/app/components/add-task/add-task.component.html b/src/app/components/add-task/add-task.component.html
index a5733c4..c350bd0 100644
--- a/src/app/components/add-task/add-task.component.html
+++ b/src/app/components/add-task/add-task.component.html
@@ -35,7 +35,7 @@
           <p>Description<span class="red-dot">*</span></p>
           <textarea
             id="description"
-            rows="6"
+            rows="5"
             name="description"
             #description="ngModel"
             minlength="10"
diff --git a/src/app/components/add-task/add-task.component.ts b/src/app/components/add-task/add-task.component.ts
index 8ce739e..2a3b5c6 100644
--- a/src/app/components/add-task/add-task.component.ts
+++ b/src/app/components/add-task/add-task.component.ts
@@ -121,7 +121,10 @@ export class AddTaskComponent {
   @HostListener('document:click', ['$event'])
   checkOpenNavbar(event: MouseEvent) {
     const targetElement = event.target as HTMLElement;
-    if (!targetElement.closest('.search-assigned')) {
+    if (
+      !targetElement.closest('.search-assigned') &&
+      !targetElement.closest('app-assigned')
+    ) {
       this.isAssignedOpen = false;
     }
   }
diff --git a/src/app/components/add-task/assigned/assigned.component.scss b/src/app/components/add-task/assigned/assigned.component.scss
index 4f41787..855ba36 100644
--- a/src/app/components/add-task/assigned/assigned.component.scss
+++ b/src/app/components/add-task/assigned/assigned.component.scss
@@ -5,18 +5,19 @@ section {
   right: 0;
   width: 100%;
   height: auto;
+  max-height: 150px;
   padding-top: 12px;
   border-radius: 0px 0px 20px 20px;
   border: 1px solid var(--light-gray);
   border-top: 0px;
   background-color: var(--white);
-  overflow: auto;
+  overflow-y: auto;
 }
 
 .content {
   display: flex;
   align-items: center;
-  padding: 12px 18px;
+  padding: 6px 12px;
   cursor: pointer;
   &:hover {
     background-color: var(--light-gray);