diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/components/messages.less b/wagtail/wagtailadmin/static/wagtailadmin/css/components/messages.less
index 9e3fc69e4..b4ece6d59 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/css/components/messages.less
+++ b/wagtail/wagtailadmin/static/wagtailadmin/css/components/messages.less
@@ -26,16 +26,19 @@
         background-color:@color-teal-dark;
     }
 }
+
+.messages.new ul{
+    .transition-immediate(none);
+    top:-100px;
+}
+
 .ready .messages ul,
 .messages.appear ul{
     .transition-immediate(~"top 0.5s ease, opacity 0.5s ease, max-height 1.2s ease");
     opacity:1;
     top:0;
 }
-.messages.new ul{
-    .transition-immediate(none);
-    top:-100px;
-}
+
 
 @media screen and (min-width: @breakpoint-mobile){
     .messages{