diff --git a/core/frontend/src/components/app/Alerter.vue b/core/frontend/src/components/app/Alerter.vue
index 5d13ae1f80..e4ae31b40b 100644
--- a/core/frontend/src/components/app/Alerter.vue
+++ b/core/frontend/src/components/app/Alerter.vue
@@ -1,7 +1,7 @@
 <template>
   <v-snackbar
     v-model="show"
-    timeout="-1"
+    :timeout="timeout"
   >
     {{ message }}
 
@@ -49,6 +49,17 @@ export default Vue.extend({
           return 'info'
       }
     },
+    timeout(): number {
+      switch (this.level) {
+        case MessageLevel.Success:
+        case MessageLevel.Info:
+          return 5000
+        case MessageLevel.Warning:
+          return 7000
+        default:
+          return -1
+      }
+    },
   },
   mounted() {
     message_manager.addCallback((level: MessageLevel, message: string) => {