diff --git a/src/App.vue b/src/App.vue
index 6b4dee823aad52c330cb90f2a2dce101ddd10b28..349930d3af73b77c5b6e5aea03345776cb02a346 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -151,7 +151,7 @@
     </header>
     <main>
       <div id="content" class="ui stackable grid centered container">
-        <transition name="fadeOutUp">
+        <transition name="fadeDownUp">
         <div v-if="messages && messages.length > 0" class="row">
           <div class="fourteen wide column">
             <div
@@ -395,10 +395,10 @@ footer {
   }
 }
 
-.fadeOutUp-enter-active {
+.fadeDownUp-enter-active {
   animation: fadeInDown .5s;
 }
-.fadeOutUp-leave-active {
+.fadeDownUp-leave-active {
   animation: fadeOutUp .5s;
 }
 @keyframes fadeOutUp {