diff --git a/src/app/messages/messages.component.scss b/src/app/messages/messages.component.scss
index 307aeef..91651dd 100644
--- a/src/app/messages/messages.component.scss
+++ b/src/app/messages/messages.component.scss
@@ -28,6 +28,15 @@
   padding: $tiny;
   font-size: $font-size-base;
   margin-bottom: $hair;
+
+  animation-name: inflate;
+  animation-duration: 0.5s;
+  animation-timing-function: cubic-bezier(0.01, 0.1, 0, 1);
+}
+
+@keyframes inflate {
+  0%   { transform: scale(0,0); }
+  100% { transform: scale(1,1); }
 }
 
 .tfw-grid-message-header {