diff --git a/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html b/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html
index 2e38ad2e312..7e1f4205095 100644
--- a/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html
+++ b/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html
@@ -11,6 +11,11 @@
       </dx-check-box>
     </li>
   </ul>
-  <dx-toast [(visible)]="isVisible" [type]="type" [message]="message">
+  <dx-toast
+    [(visible)]="isVisible"
+    [type]="type"
+    [message]="message"
+    displayTime="600"
+  >
   </dx-toast>
 </div>
diff --git a/JSDemos/Demos/Toast/Overview/Vue/App.vue b/JSDemos/Demos/Toast/Overview/Vue/App.vue
index 4251d903343..2228c9b04b7 100644
--- a/JSDemos/Demos/Toast/Overview/Vue/App.vue
+++ b/JSDemos/Demos/Toast/Overview/Vue/App.vue
@@ -15,6 +15,7 @@
       v-model:visible="isVisible"
       v-model:message="message"
       v-model:type="type"
+      :display-time="600"
     />
   </div>
 </template>