diff --git a/client/src/components/Login.vue b/client/src/components/Login.vue
index c1d7d42..fcc08f5 100644
--- a/client/src/components/Login.vue
+++ b/client/src/components/Login.vue
@@ -46,7 +46,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <main class="form-signin w-100 m-auto">
+  <main class="form-signin w-100 m-auto position-absolute top-50 start-50 translate-middle">
     <form onsubmit="event.preventDefault();">
       <IconLogo />
       <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
diff --git a/client/src/components/Signup.vue b/client/src/components/Signup.vue
index a50fdd0..d098147 100644
--- a/client/src/components/Signup.vue
+++ b/client/src/components/Signup.vue
@@ -10,6 +10,7 @@ const err = ref('')
 
 async function signup(ev) {
   ev.preventDefault()
+  console.log(ev)
   const api_url = '/api/user'
   const payload = { username: user.value, password: pass.value, referral: refe.value }
   const fetch_options = {
@@ -42,7 +43,7 @@ async function signup(ev) {
 </script>
 
 <template>
-  <main class="form-signin w-100 m-auto my-auto">
+  <main class="form-signin w-100 m-auto my-auto position-absolute top-50 start-50 translate-middle">
     <form onsubmit="event.preventDefault();">
       <IconLogo />
       <h1 class="h3 mb-3 fw-normal">Sign up</h1>