diff --git a/src/browser/base/content/zen-styles/zen-popup.css b/src/browser/base/content/zen-styles/zen-popup.css
index 63fc98beb..8cb651477 100644
--- a/src/browser/base/content/zen-styles/zen-popup.css
+++ b/src/browser/base/content/zen-styles/zen-popup.css
@@ -351,12 +351,19 @@ menuitem {
 #zen-toast-container {
   position: fixed;
   top: calc(var(--zen-element-separation) * 2);
-  right: calc(var(--zen-element-separation) * 2);
   z-index: 1000;
   gap: 1rem;
   display: flex;
   align-items: end;
 
+  :root:not([zen-right-side='true']) & {
+    right: calc(var(--zen-element-separation) * 2);
+  }
+
+  :root[zen-right-side='true'] & {
+    left: calc(var(--zen-element-separation) * 2);
+  }
+
   & .zen-toast {
     padding: 0.9rem 0.8rem;
     border-radius: 12px;