diff --git a/Website/interaction.js b/Website/interaction.js
index 78bbeaa..a2f9f8b 100644
--- a/Website/interaction.js
+++ b/Website/interaction.js
@@ -30,6 +30,8 @@ const addtaskpopup = document.querySelector("addtask-popup");
 const closetaskpopup = document.querySelector("#closePopupImg");
 
 settingsCog.addEventListener("click", () => slide());
+closetaskpopup.addEventListener("click", () => HideNewTaskWindow())
+document.querySelector("addtask-background").addEventListener("click", () => HideNewTaskWindow());
 
 let availableTaskTypes;
 GetTaskTypes()
@@ -107,8 +109,6 @@ function slide(){
     slideIn = !slideIn;
 }
 
-
-
 function ResetContent(){
     tasksContent.replaceChildren();
     var add = document.createElement("div");
@@ -120,7 +120,6 @@ function ResetContent(){
     tasksContent.appendChild(add);
 }
 
-closetaskpopup.addEventListener("click", () => HideNewTaskWindow())
 function ShowNewTaskWindow(){
     addtaskpopup.style.display = "block";
     addtaskpopup.animate(fadeIn, fadeInTiming);
diff --git a/Website/style.css b/Website/style.css
index 9bc2e44..1b1f565 100644
--- a/Website/style.css
+++ b/Website/style.css
@@ -206,7 +206,6 @@ publication img {
 
 addtask-popup{
     display: none;
-    opacity: 0;
     width: 100%;
     height: 100%;
     top: 0;
@@ -246,7 +245,6 @@ window-titlebar {
     top: 0;
     border-radius: 5px 5px 0 0;
     color: var(--accent-color);
-    
     display: flex block;
     flex-direction: row;
     justify-content: space-between;