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 b0c20faa76cbf242aa6a1e2d2a9c27258b2b63bc..86291b70dfbcd0eacf46e11a76a959437c98c761 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
@@ -37,6 +37,7 @@
 
   --color-modal-bg: 0 0% 100%;
   --color-dropdown-bg: 0 0% 98%;
+  --color-gray-backdrop: 0, 0%, 90%, 0.95;
 }
 
 .dark {
@@ -71,6 +72,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 88f03501ec468c7aea37ab033a35ce86c7d57280..ef73e4700ba8ac1695fdb714c16c7f67e997abd9 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
@@ -104,6 +104,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-dropdown))',
         primary: {
           600: 'hsl(var(--color-primary-600) / <alpha-value>)',
           DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',
@@ -122,9 +123,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 61ff0c02a6c99af5ab62322705891bda9832e7d0..2919daff4be964d11f090b2ea423e7787431eb16 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
@@ -14,7 +14,7 @@ export class OzgcloudDialogService {
   };
 
   readonly GREY_BLUR_CONFIG: DialogConfig = {
-    backdropClass: ['backdrop-blur-1', 'bg-greybackdrop'],
+    backdropClass: ['backdrop-blur-1', 'bg-grayBackdrop'],
     disableClose: true,
   };