diff --git a/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css b/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css
index 5a96be6a55585210953b2da119ee438739456536..3a5219869889a28d277bb50409e9f7cfeac73063 100644
--- a/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css
+++ b/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css
@@ -44,6 +44,7 @@
 
   --color-modal-bg: 0 0% 100%;
   --color-dropdown-bg: 0 0% 98%;
+  --color-gray-backdrop: 0, 0%, 90%, 0.95;
 }
 
 .dark {
@@ -78,6 +79,7 @@
 
   --color-modal-bg: 0 0% 26%;
   --color-dropdown-bg: 0 0% 26%;
+  --color-gray-backdrop: 0, 0%, 26%, 0.95;
 }
 
 .bescheid-dialog-backdrop {
diff --git a/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js b/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
index a12086a7bc8cc99f39280d672e73da7325bebc69..03189a4d459c7aba8ceec3196b08ee831df27ac1 100644
--- a/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
+++ b/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
@@ -127,6 +127,7 @@ module.exports = {
         mainbg: 'hsl(var(--color-mainbg) / <alpha-value>)',
         modalBg: 'hsl(var(--color-modal-bg) / <alpha-value>)',
         dropdownBg: 'hsl(var(--color-dropdown-bg) / <alpha-value>)',
+        grayBackdrop: 'hsla(var(--color-gray-backdrop))',
         primary: {
           600: 'hsl(var(--color-primary-600) / <alpha-value>)',
           DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',
@@ -145,9 +146,6 @@ module.exports = {
           DEFAULT: 'hsl(var(--color-disabled) / <alpha-value>)',
         },
       },
-      backgroundColor: {
-        greybackdrop: 'rgb(229, 229, 229, 0.95)',
-      },
       backdropBlur: {
         1: '1px',
       },
diff --git a/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts b/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts
index 5ae1d5b55decff85e30fffd47eae39d930b4eb59..8eaac98435bfb70e29d6997aafa1d0c070a391c4 100644
--- a/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts
+++ b/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts
@@ -37,7 +37,7 @@ export class OzgcloudDialogService {
   };
 
   readonly GREY_BLUR_CONFIG: DialogConfig = {
-    backdropClass: ['backdrop-blur-1', 'bg-greybackdrop'],
+    backdropClass: ['backdrop-blur-1', 'bg-grayBackdrop'],
     disableClose: true,
   };