diff --git a/client/web/src/init.tsx b/client/web/src/init.tsx
index 0928967d2ea..92881ec49fa 100644
--- a/client/web/src/init.tsx
+++ b/client/web/src/init.tsx
@@ -81,6 +81,7 @@ setNotification((message, duration) => {
     key,
     message,
     duration,
+    getContainer: getPopupContainer,
   });
 
   return () => {
diff --git a/client/web/src/styles/antd/dark.less b/client/web/src/styles/antd/dark.less
index 1731d3ec857..b6232a02996 100644
--- a/client/web/src/styles/antd/dark.less
+++ b/client/web/src/styles/antd/dark.less
@@ -486,4 +486,15 @@
       }
     }
   }
+
+  // Notification
+  .ant-notification {
+    .ant-notification-notice {
+      background-color: var(--tc-content-background-color, #1f1f1f);
+
+      .ant-notification-notice-message {
+        color: rgba(255, 255, 255, 0.65);
+      }
+    }
+  }
 }