diff --git a/gui/src/index.html b/gui/src/index.html
index 419c8d5b..df9ec8d4 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -24,6 +24,18 @@
 
   <body>
 
+        <!-------------------------------- INFO TOASTS ---------------->
+      <div
+        aria-live="polite"
+        aria-atomic="true"
+        class="position-relative"
+        style="z-index: 500"
+      >
+        <div
+          class="toast-container position-absolute top-0 end-0 p-3"
+          id="mainToastContainer"
+        ></div>
+      </div>
 
 
 <div class="container-fluid">
@@ -137,18 +149,7 @@
     <div id="blurdiv" style="-webkit-filter: blur(0px); filter: blur(0px)">
       <!--beginn of blur div -->
       <!-------------------------------- MAIN AREA ---------------->
-      <!-------------------------------- INFO TOASTS ---------------->
-      <div
-        aria-live="polite"
-        aria-atomic="true"
-        class="position-relative"
-        style="z-index: 500"
-      >
-        <div
-          class="toast-container position-absolute top-0 end-0 p-3"
-          id="mainToastContainer"
-        ></div>
-      </div>
+
       <!------------------------------------------------------------------------------------------>
       <div class="container p-3" style="margin-top: 55px">
         <div class="row collapse multi-collapse show" id="collapseFirstRow">
@@ -4023,6 +4024,11 @@
 
 
 
+
+
+
+
+
     <!-- bootstrap -->
     <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <!-- chart.js -->
