diff --git a/src/components/UI/theme.css b/src/components/UI/theme.css
index 793b8e84..f8df10ee 100644
--- a/src/components/UI/theme.css
+++ b/src/components/UI/theme.css
@@ -41,6 +41,10 @@
   border-radius: var(--borderRadius);
 }
 
+.depth {
+  box-shadow: var(--dropShadow);
+}
+
 .clearfix:after {
   content: '';
   display: table;
diff --git a/src/components/UI/toast/Toast.css b/src/components/UI/toast/Toast.css
index 9c8dfa4e..0d711c6d 100644
--- a/src/components/UI/toast/Toast.css
+++ b/src/components/UI/toast/Toast.css
@@ -4,6 +4,11 @@
   --iconSize: 30px;
 }
 
+/* redux-notifications override */
+:global(.notif__container) {
+  z-index: 10000;
+}
+
 .root {
   composes: base container rounded depth from '../theme.css';
   overflow: hidden;