diff --git a/peer-prep-fe/src/add-page/add-page.component.css b/peer-prep-fe/src/add-page/add-page.component.css
index 8cf667d636..b576dcf69d 100644
--- a/peer-prep-fe/src/add-page/add-page.component.css
+++ b/peer-prep-fe/src/add-page/add-page.component.css
@@ -14,6 +14,7 @@
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #ccc;
+  overflow: visible;
 }
 
 
@@ -108,13 +109,14 @@
 
 .dropdown-menu {
   display: none;
-  position: absolute;
-  width: 80%;
+  position: fixed;
+  width: 30%;
+  height: 100%;
   border: 1px solid #ccc;
   max-height: 100px;
   overflow-y: auto;
   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
-  z-index: 1;
+  z-index: 1000;
   border-radius: 3px;
   background-color: #333333;
 }
@@ -241,4 +243,3 @@ input[type="checkbox"] {
   overflow: hidden;
 } */
 
-
diff --git a/peer-prep-fe/src/app/login/login.component.ts b/peer-prep-fe/src/app/login/login.component.ts
index 19759baf7b..155e381e95 100644
--- a/peer-prep-fe/src/app/login/login.component.ts
+++ b/peer-prep-fe/src/app/login/login.component.ts
@@ -63,6 +63,7 @@ export class LoginComponent {
     })
       .then((response) => {
         if (!response.ok) {
+          this.isLoading = false;
           if (response.status === 401) {
             alert("Incorrect email or password.")
           }
diff --git a/peer-prep-fe/src/components/question-box/question-box.component.ts b/peer-prep-fe/src/components/question-box/question-box.component.ts
index 912fece21c..782e61c67e 100644
--- a/peer-prep-fe/src/components/question-box/question-box.component.ts
+++ b/peer-prep-fe/src/components/question-box/question-box.component.ts
@@ -54,7 +54,7 @@ export class QuestionBoxComponent {
       },
       panelClass: "custom-modalbox",
       width: "800px",
-      height: "600px",
+      height: "400px",
       position: {
         top: "200px"
       },
diff --git a/peer-prep-fe/src/components/search-and-filter/search-and-filter.component.ts b/peer-prep-fe/src/components/search-and-filter/search-and-filter.component.ts
index 59010c4dcb..5f05625a54 100644
--- a/peer-prep-fe/src/components/search-and-filter/search-and-filter.component.ts
+++ b/peer-prep-fe/src/components/search-and-filter/search-and-filter.component.ts
@@ -106,7 +106,7 @@ export class SearchAndFilterComponent {
     const dialogRef = this.dialog.open(AddPageComponent, {
       panelClass: "custom-modalbox",
       width: "800px",
-      height: "600px",
+      height: "400px",
       position: {
         top: "200px"
       },
diff --git a/peer-prep-fe/src/edit-page/edit-page.component.css b/peer-prep-fe/src/edit-page/edit-page.component.css
index 80f5911a51..26f02ea533 100644
--- a/peer-prep-fe/src/edit-page/edit-page.component.css
+++ b/peer-prep-fe/src/edit-page/edit-page.component.css
@@ -13,6 +13,7 @@
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #ccc;
+  overflow: visible;
 }
 
 .question-title {
@@ -100,13 +101,14 @@
 
 .dropdown-menu {
   display: none;
-  position: absolute;
-  width: 80%;
+  position: fixed;
+  width: 30%;
+  height: 100%;
   border: 1px solid #ccc;
   max-height: 100px;
   overflow-y: auto;
   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
-  z-index: 1;
+  z-index: 1000;
   border-radius: 3px;
   background-color: #333333;