diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 0113b5bd9..fa7c4d0a5 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -19,7 +19,7 @@
       <div class="flex min-h-48 items-center justify-center bg-wp-primary-200 dark:bg-wp-primary-300 md:w-3/5">
         <WoodpeckerLogo preserveAspectRatio="xMinYMin slice" class="h-32 w-32 md:h-48 md:w-48" />
       </div>
-      <div class="flex min-h-48 flex-col items-center justify-center gap-4 px-2 text-center md:w-2/5">
+      <div class="flex min-h-48 flex-col items-center justify-center gap-4 text-center md:w-2/5 px-4">
         <h1 class="text-xl text-wp-text-100">{{ $t('welcome') }}</h1>
         <div class="flex flex-col gap-2">
           <Button