diff --git a/src/App/styles.less b/src/App/styles.less
index a48dcf248..9a8afc809 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -124,9 +124,9 @@ html {
 
             .toasts-container {
                 position: absolute;
-                top: calc(1.2 * var(--horizontal-nav-bar-size));
-                right: 0;
-                bottom: calc(1.2 * var(--horizontal-nav-bar-size));
+                top: calc(1.2 * var(--horizontal-nav-bar-size) + env(safe-area-inset-top, 0rem));
+                right: env(safe-area-inset-right, 0rem);
+                bottom: calc(1.2 * var(--horizontal-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem));
                 left: auto;
                 z-index: 1;
                 padding: 0 calc(0.5 * var(--horizontal-nav-bar-size));