diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index 6205ce3..8c12e68 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -25,13 +25,13 @@ export default function Page() {
 
   const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
+    handleClose();
 
     const formData = new FormData(event.currentTarget);
     try {
       const response = await createAlbum(formData);
       const data = response.json();
       console.log(data);
-      handleClose();
     } catch (error) {
       console.error('Error creating Album:', error);
     }