diff --git a/scss/elements/dialogs.scss b/scss/elements/dialogs.scss
index c0d4e74..e12e544 100644
--- a/scss/elements/dialogs.scss
+++ b/scss/elements/dialogs.scss
@@ -4,6 +4,11 @@
   border: none;
   box-shadow: 4px 0, -4px 0, 0 4px, 0 -4px;
 
+  > .backdrop,
+  &::backdrop {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
   > :last-child {
     margin-bottom: 0;
   }