diff --git a/src/web/components/LoginForm.vue b/src/web/components/LoginForm.vue
index 5f6cdda..74cb3cb 100644
--- a/src/web/components/LoginForm.vue
+++ b/src/web/components/LoginForm.vue
@@ -5,15 +5,8 @@
       title="Fazer login na rede"
       :loading="loading"
       :disabled="loading"
-      :style="{ width: '480px' }"
     >
       <v-card-text class="mt-3">
-        <v-scale-transition>
-          <v-alert class="mb-5" type="error" v-if="error">
-            Não foi possível fazer login. Tente novamente. Se o problema
-            persistir, entre em contato com o SERTI do campus.
-          </v-alert>
-        </v-scale-transition>
         <v-text-field
           class="mb-3"
           v-model="username"
@@ -50,6 +43,12 @@
         </v-btn>
       </v-card-actions>
     </v-card>
+    <v-scale-transition>
+      <v-alert class="mt-5" type="error" v-if="error">
+        Não foi possível fazer login. Tente novamente. Se o problema persistir,
+        entre em contato com o SERTI do campus.
+      </v-alert>
+    </v-scale-transition>
   </v-form>
 </template>
 
diff --git a/src/web/views/Login.vue b/src/web/views/Login.vue
index 256b010..39e27f9 100644
--- a/src/web/views/Login.vue
+++ b/src/web/views/Login.vue
@@ -1,10 +1,12 @@
 <template>
-  <v-container class="justify-center fill-height" fluid>
-    <div>
-      <logo class="mx-auto mb-4" :style="{ maxWidth: '256px' }" />
-      <login-form />
-      <ip-alert class="mt-5" />
-    </div>
+  <v-container class="justify-center">
+    <v-row justify="center">
+      <v-col lg="6">
+        <logo class="mx-auto mb-4" :style="{ maxWidth: '256px' }" />
+        <login-form />
+        <ip-alert class="mt-5" />
+      </v-col>
+    </v-row>
   </v-container>
 </template>