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 cce829a340eefb3b6e0f56b410758be7e5b61444..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,7 +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-dropdown))',
+        grayBackdrop: 'hsla(var(--color-gray-backdrop))',
         primary: {
           600: 'hsl(var(--color-primary-600) / <alpha-value>)',
           DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',