diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index fb4ca05..64fd1a3 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,11 +1,13 @@
 <template>
-  <div class="grid grid-cols-2 h-screen items-center gap-2 m-4">
+  <div class="flex items-center justify-center">
+  <div class="max-w-[600px] ">
     <img class="rounded-2xl"
          src="/images/hutopymedia/loginpage/loginhutopy.png"
          alt="hutopy login">
 
     <login-form></login-form>    
   </div>
+  </div>
 </template>
 
 <script setup>