diff --git a/static/styles.css b/static/styles.css
index 5d879f8..d0a2606 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -127,4 +127,24 @@ pre {
 
 #global-loading.show {
   display: block;
-}
\ No newline at end of file
+}
+
+.toast-fixed-anchor {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  z-index: 2000;
+  padding: .75rem;
+  pointer-events: none;
+}
+
+.toast-fixed-anchor .toast-container {
+  display: flex;
+  flex-direction: column-reverse;
+  align-items: end;
+  gap: .5rem;
+}
+
+.toast-fixed-anchor .toast {
+  pointer-events: auto;
+}
diff --git a/templates/index.html b/templates/index.html
index ae478b0..cd1da80 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -339,7 +339,7 @@
   </main>
 
   <!-- Toasts -->
-  <div aria-live="polite" aria-atomic="true" class="position-fixed bottom-0 end-0 p-2" style="z-index:1080">
+  <div class="toast-fixed-anchor">
     <div id="toast-container" class="toast-container"></div>
   </div>