diff --git a/ui/src/components/messages/Messages.js b/ui/src/components/messages/Messages.js
index 35ce0ae0..d055822b 100644
--- a/ui/src/components/messages/Messages.js
+++ b/ui/src/components/messages/Messages.js
@@ -53,8 +53,8 @@ const Messages = () => {
 
     const RefDiv = props => <div {...props} ref={x => x && ref(x)} />
 
-    switch (message.type) {
-      case 'Message':
+    switch (message.type.toLowerCase()) {
+      case 'message':
         return props => (
           <Message
             as={RefDiv}
@@ -66,7 +66,7 @@ const Messages = () => {
             {...props}
           />
         )
-      case 'Progress':
+      case 'progress':
         return props => (
           <MessageProgress
             as={RefDiv}