diff --git a/src/App/styles.less b/src/App/styles.less
index 0c89fe3e2..8844fde5e 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -75,10 +75,11 @@ html {
             .toasts-container {
                 position: absolute;
                 top: calc(1.2 * var(--nav-bar-size));
-                right: var(--nav-bar-size);
+                right: 0;
                 bottom: calc(1.2 * var(--nav-bar-size));
                 left: auto;
-                z-index: 0;
+                z-index: 1;
+                padding: 0 calc(1.2 * var(--nav-bar-size));
                 overflow-y: auto;
                 scrollbar-width: none;
                 pointer-events: none;