Fixed login positioning glitch on first page visit

pages/login.vue

@@ -1,5 +1,12 @@
 <template>
-  <ds-container width="small">
+  <transition
+    name="fade"
+    appear
+  >
+    <ds-container
+      v-if="ready"
+      width="small"
+    >
       <ds-space margin="small">
         <blockquote>
           <p>{{ $t('quotes.african.quote') }}</p>
@@ -61,7 +68,7 @@
                 full-width
                 name="submit"
                 type="submit"
-              icon-right="sign-in"
+                icon="sign-in"
               >
                 {{ $t('login.login') }}
               </ds-button>
@@ -79,6 +86,7 @@
         </ds-flex>
       </ds-card>
     </ds-container>
+  </transition>
 </template>
 
 <script>
@@ -93,6 +101,7 @@ export default {
   layout: 'blank',
   data() {
     return {
+      ready: false,
       form: {
         email: '',
         password: ''
@@ -109,6 +118,11 @@ export default {
       return this.$store.getters['auth/pending']
     }
   },
+  mounted() {
+    setTimeout(() => {
+      this.ready = true
+    }, 500)
+  },
   methods: {
     async onSubmit() {
       try {