diff --git a/client/pages/login.vue b/client/pages/login.vue
index 9b7758d8..efdbba4d 100644
--- a/client/pages/login.vue
+++ b/client/pages/login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full h-screen bg-bg">
+  <div id="page-wrapper" class="w-full h-screen">
     <div class="w-full flex h-full items-center justify-center">
       <div v-if="criticalError" class="w-full max-w-md rounded border border-error border-opacity-25 bg-error bg-opacity-10 p-4">
         <p class="text-center text-lg font-semibold">{{ $strings.MessageServerCouldNotBeReached }}</p>
@@ -24,9 +24,10 @@
         </form>
       </div>
       <div v-else-if="isInit" class="w-full max-w-md px-8 pb-8 pt-4 -mt-40">
+        <div class="flex justify-center mb-4"><img src="~static/icon.svg" :alt="$strings.ButtonHome" class="w-32 min-w-32 h-32" /></div>
         <p class="text-3xl text-white text-center mb-4">{{ $strings.HeaderLogin }}</p>
 
-        <div class="w-full h-px bg-white bg-opacity-10 my-4" />
+        <div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8">
 
         <p v-if="loginCustomMessage" class="py-2 default-style mb-2" v-html="loginCustomMessage"></p>
 
@@ -50,6 +51,7 @@
             {{ openIDButtonText }}
           </a>
         </div>
+        </div>
       </div>
     </div>
   </div>
@@ -281,4 +283,4 @@ export default {
     this.checkStatus()
   }
 }
-</script>
\ No newline at end of file
+</script>