From 3fdc0370827f1579ff383485b6d4ac892efc1cf5 Mon Sep 17 00:00:00 2001
From: Mel O'Hagan <mel@budibase.com>
Date: Thu, 21 Jul 2022 12:03:01 +0100
Subject: [PATCH] Set notification width to fixed

---
 .../src/components/overlay/NotificationDisplay.svelte      | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/overlay/NotificationDisplay.svelte b/packages/client/src/components/overlay/NotificationDisplay.svelte
index 5b95ab1ed5..669fa41a1d 100644
--- a/packages/client/src/components/overlay/NotificationDisplay.svelte
+++ b/packages/client/src/components/overlay/NotificationDisplay.svelte
@@ -32,7 +32,6 @@
     position: fixed;
     top: 20px;
     bottom: 40px;
-    width: 25%;
     left: 0;
     right: 0;
     margin: 0 auto;
@@ -41,8 +40,12 @@
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    align-items: end;
+    align-items: center;
     pointer-events: none;
     gap: 10px;
   }
+  .notifications :global(.spectrum-Toast) {
+    width: 400px;
+    max-width: 100vw;
+  }
 </style>