diff --git a/assets/script.js b/assets/script.js
index faebc9e..edc8f83 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -191,7 +191,8 @@ async function submitarticle(){
 
 async function articleInit(){
     let articleSubmitElement = document.getElementById("articlesubmit");
-    await togglearticlecreate();
+    let articleAddElement = document.getElementById("articlecreateopen");
+    articleAddElement.addEventListener("click", togglearticlecreate);
     articleSubmitElement.addEventListener("click", submitarticle);
 }
 
diff --git a/assets/style.css b/assets/style.css
index a9dc5cb..76109ac 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -373,6 +373,9 @@ body:has(.ye-span:hover) {
 }
 
 #articlecreatecontainer{
+    display: flex;
+    align-items: center;
+    align-content: center;
     position: fixed;
     width: 100vw;
     height: 100vh;