diff --git a/CHANGELOG.md b/CHANGELOG.md
index da31370df..e179023d0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Upgraded `prisma` from version `4.11.0` to `4.12.0`
 
+### Fixed
+
+- Fixed the background color of dialogs in dark mode
+
 ## 1.252.2 - 2023-04-11
 
 ### Changed
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));