diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css
index cdf0675f2..f03727dfe 100644
--- a/src/public/stylesheets/theme-next-dark.css
+++ b/src/public/stylesheets/theme-next-dark.css
@@ -103,6 +103,10 @@
     --modal-footer-background: #ffffff08;
     --modal-footer-color: #ffffff7a;
 
+    --toast-background: #00000099;
+    --toast-text-color: white;
+    --toast-close-button-background: #ffffff33;
+
     --quick-search-background: #ffffff12;
     --quick-search-color: #ffffff52;
     --quick-search-hover-background: #ffffff1f;
diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css
index 93c834451..c0ac2c03d 100644
--- a/src/public/stylesheets/theme-next-light.css
+++ b/src/public/stylesheets/theme-next-light.css
@@ -97,6 +97,10 @@
     --modal-footer-background: #00000008;
     --modal-footer-color: #00000085;
 
+    --toast-background: #00000099;
+    --toast-text-color: white;
+    --toast-close-button-background: #ffffff33;
+
     --quick-search-background: #00000012;
     --quick-search-color: #06060682;
     --quick-search-hover-background: #00000020;
diff --git a/src/public/stylesheets/theme-next/base.css b/src/public/stylesheets/theme-next/base.css
index becb4aad4..55443a5fd 100644
--- a/src/public/stylesheets/theme-next/base.css
+++ b/src/public/stylesheets/theme-next/base.css
@@ -107,12 +107,6 @@ div.tn-tool-dialog {
  * Toasts
  */
 
-:root {
-    --toast-background: #00000099;
-    --toast-text-color: white;
-    --toast-close-button-background: #ffffff33;
-}
-
 #toast-container {
     /* The vertical gap between toasts */
     gap: 10px;