diff --git a/app/javascript/dashboard/components/SnackbarContainer.vue b/app/javascript/dashboard/components/SnackbarContainer.vue
index 294dc6185..8414afc7e 100644
--- a/app/javascript/dashboard/components/SnackbarContainer.vue
+++ b/app/javascript/dashboard/components/SnackbarContainer.vue
@@ -2,14 +2,13 @@
   <transition-group name="toast-fade" tag="div" class="ui-snackbar-container">
     <woot-snackbar
       v-for="snackMessage in snackMessages"
-      :key="snackMessage"
-      :message="snackMessage"
+      :key="snackMessage.key"
+      :message="snackMessage.message"
     />
   </transition-group>
 </template>
 
 <script>
-/* global bus */
 import WootSnackbar from './Snackbar';
 
 export default {
@@ -31,7 +30,7 @@ export default {
 
   mounted() {
     bus.$on('newToastMessage', message => {
-      this.snackMessages.push(message);
+      this.snackMessages.push({ key: new Date().getTime(), message });
       window.setTimeout(() => {
         this.snackMessages.splice(0, 1);
       }, this.duration);