diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index cee7bfd16..73d7d4ded 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -237,7 +237,7 @@ body {
     }
 
     .mat-mdc-dialog-container {
-      background: var(--dark-background);
+      --mdc-dialog-container-color: var(--dark-background);
 
       .mdc-dialog__content {
         --mdc-dialog-supporting-text-color: rgba(var(--light-primary-text));