diff --git a/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css b/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css
index 935f3c4c82e1a558b1f362b032d7e1cf5a294cb4..bd99129c7434bd2b33ff16082230e3246b0e16b1 100644
--- a/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css
+++ b/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css
@@ -18,7 +18,7 @@
 
 .monaco-workbench > .notifications-toasts.visible {
 	display: flex;
-	flex-direction: column-reverse;
+	flex-direction: column;
 }
 
 .monaco-workbench > .notifications-toasts .notification-toast-container {
diff --git a/src/vs/workbench/browser/parts/notifications/notificationsToasts.ts b/src/vs/workbench/browser/parts/notifications/notificationsToasts.ts
index 1d13d7ce0fc3a2914f380bd45602e50ae2fffecf..078d1513b36e833f7727e4a35bb25268554e290d 100644
--- a/src/vs/workbench/browser/parts/notifications/notificationsToasts.ts
+++ b/src/vs/workbench/browser/parts/notifications/notificationsToasts.ts
@@ -108,7 +108,14 @@ export class NotificationsToasts extends Themable {
 		// Container
 		const notificationToastContainer = document.createElement('div');
 		addClass(notificationToastContainer, 'notification-toast-container');
-		this.notificationsToastsContainer.appendChild(notificationToastContainer);
+
+		const firstToast = this.notificationsToastsContainer.firstChild;
+		if (firstToast) {
+			this.notificationsToastsContainer.insertBefore(notificationToastContainer, firstToast); // always first
+		} else {
+			this.notificationsToastsContainer.appendChild(notificationToastContainer);
+		}
+
 		itemDisposeables.push(toDisposable(() => this.notificationsToastsContainer.removeChild(notificationToastContainer)));
 
 		// Toast