diff --git a/src/views/login.ejs b/src/views/login.ejs
index d35800f..eabc1e5 100644
--- a/src/views/login.ejs
+++ b/src/views/login.ejs
@@ -1,7 +1,8 @@
 <%- include("./partials/fileHeader") %>
+<%- include("./partials/headerStart") %>
 
 <main>
-    <div class="flex justify-center items-center h-screen">
+    <div class="flex justify-center items-center pt-50">
         <form action="/login" method="POST">
             <div class="w-96 p-6 shadow-1g bg-white rounded-md">
                 <h1 class="text-3xl block text-center font-semibold">Login</h1>
diff --git a/src/views/partials/footer.ejs b/src/views/partials/footer.ejs
index 2c04272..89ad2dd 100644
--- a/src/views/partials/footer.ejs
+++ b/src/views/partials/footer.ejs
@@ -28,6 +28,6 @@
                 Swal.fire('Error fetching pun', 'Please try again later', 'error');
             });
     });
-</script>
+</script>`
 </body>
 </html>
diff --git a/src/views/signup.ejs b/src/views/signup.ejs
index ac2d8ac..af18bf8 100644
--- a/src/views/signup.ejs
+++ b/src/views/signup.ejs
@@ -1,46 +1,48 @@
 <%- include("./partials/fileHeader") %>
-    <%- include("./partials/headerStart") %>
+<%- include("./partials/headerStart") %>
 
-        <main>
-            <div class="flex justify-center items-center h-screen">
-                <form action="/signup" method="POST">
-                    <div class="w-96 p-6 shadow-1g bg-white rounded-md">
-                        <h1 class="text-3xl block text-center font-semibold">Signup</h1>
-                        <hr class="mt-3">
-                        <div class="mt-3">
-                            <label for="name" class="block text-base mb-2">Name</label>
-                            <input type="text" id="name" name="name"
-                                class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
-                                placeholder="Enter Name" />
-                        </div>
-                        <div class="mt-3">
-                            <label for="email" class="block text-base mb-2">Email</label>
-                            <input type="email" id="email" name="email"
-                                class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
-                                placeholder="Enter Email" />
-                        </div>
-                        <div class="mt-3">
-                            <label for="password" class="block text-base mb-2">Password</label>
-                            <input type="password" id="password" name="password"
-                                class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
-                                placeholder="Enter Password" />
-                            <label for="password" class="block text-base mb-2 mt-3">Re-type Password</label>
-                            <input type="password" id="repassword" name="repassword"
-                                class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
-                                placeholder="Enter Password" />
-                        </div>
-                        <div class="text-red-800 font-bold " id="forgor">
-                            <%= errMessage %>
-                        </div>
-                        <div class="mt-5">
-                            <button type="submit"
-                                class="border-2 border-gray-600 bg-blue-600 text-white py-1 w-full rounded-md hover:bg-transparent hover:text-indigo-700 font-semibold">Signup</button>
-                        </div>
-                        <div class="mt-5 block justify-between items-center">
-                            <label>Already have an account?</label>
-                            <a href="/login" class="text-indigo-600 font-semibold">Login</a>
-                        </div>
-                    </div>
-        </main>
+<main>
+    <div class="flex justify-center items-center pt-50">
+        <form action="/signup" method="POST">
+            <div class="w-96 p-6 shadow-1g bg-white rounded-md">
+                <h1 class="text-3xl block text-center font-semibold">Signup</h1>
+                <hr class="mt-3">
+                <div class="mt-3">
+                    <label for="name" class="block text-base mb-2">Name</label>
+                    <input type="text" id="name" name="name"
+                        class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
+                        placeholder="Enter Name" />
+                </div>
+                <div class="mt-3">
+                    <label for="email" class="block text-base mb-2">Email</label>
+                    <input type="email" id="email" name="email"
+                        class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
+                        placeholder="Enter Email" />
+                </div>
+                <div class="mt-3">
+                    <label for="password" class="block text-base mb-2">Password</label>
+                    <input type="password" id="password" name="password"
+                        class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
+                        placeholder="Enter Password" />
+                    <label for="password" class="block text-base mb-2 mt-3">Re-type Password</label>
+                    <input type="password" id="repassword" name="repassword"
+                        class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
+                        placeholder="Enter Password" />
+                </div>
+                <div class="text-red-800 font-bold " id="forgor">
+                    <%= errMessage %>
+                </div>
+                <div class="mt-5">
+                    <button type="submit"
+                        class="border-2 border-gray-600 bg-blue-600 text-white py-1 w-full rounded-md hover:bg-transparent hover:text-indigo-700 font-semibold">Signup</button>
+                </div>
+                <div class="mt-5 block justify-between items-center">
+                    <label>Already have an account?</label>
+                    <a href="/login" class="text-indigo-600 font-semibold">Login</a>
+                </div>
+            </div>
+        </form>
+    </div>
+</main>
 
-        <%- include("./partials/footer") %>
+<%- include("./partials/footer") %>
\ No newline at end of file