diff --git a/.github/renovate.json5 b/.github/renovate.json5
index b06070d89..d81dc4015 100644
--- a/.github/renovate.json5
+++ b/.github/renovate.json5
@@ -45,7 +45,7 @@
     {
       matchPackageNames: ['@jscutlery/semver'],
       allowedVersions: '<2.30.0',
-    }
+    },
     {
       groupName: '@nxext',
       matchPackagePrefixes: ['@nxext'],
@@ -75,7 +75,7 @@
     {
       matchPackageNames: ['ngx-deploy-npm'],
       allowedVersions: '<6.0.0',
-    }
+    },
     {
       groupName: 'nx',
       matchPackagePrefixes: ['@nrwl', 'nx'],
@@ -90,7 +90,6 @@
       groupName: 'prettier',
       matchPackagePrefixes: ['prettier'],
     },
-
     {
       groupName: 'stylelint',
       matchPackagePrefixes: ['stylelint'],
@@ -111,7 +110,7 @@
     {
       matchPackageNames: ['zone.js'],
       allowedVersions: '<0.13.0',
-    }
+    },
     /**
      * Do not renovate peerDependencies versions/ranges.
      */
diff --git a/packages/bee-q/src/components/dialog/scss/bq-dialog.scss b/packages/bee-q/src/components/dialog/scss/bq-dialog.scss
index 24924a50d..93385cf02 100644
--- a/packages/bee-q/src/components/dialog/scss/bq-dialog.scss
+++ b/packages/bee-q/src/components/dialog/scss/bq-dialog.scss
@@ -47,7 +47,7 @@
 }
 
 .bq-dialog[open]::backdrop {
-  @apply opacity-50;
+  @apply opacity-60;
 }
 
 /* ------------------------------ Dialog header ----------------------------- */
diff --git a/packages/bee-q/src/components/dialog/scss/bq-dialog.variables.scss b/packages/bee-q/src/components/dialog/scss/bq-dialog.variables.scss
index d571ab759..930c71257 100644
--- a/packages/bee-q/src/components/dialog/scss/bq-dialog.variables.scss
+++ b/packages/bee-q/src/components/dialog/scss/bq-dialog.variables.scss
@@ -22,7 +22,7 @@
    */
 
   --bq-dialog--background: theme('colors.bg.primary');
-  --bq-dialog--background-backdrop: theme('colors.grey.600');
+  --bq-dialog--background-backdrop: theme('colors.grey.900');
 
   --bq-dialog--box-shadow: theme('boxShadow.l');