diff --git a/packages/pl-fe/tailwind.config.ts b/packages/pl-fe/tailwind.config.ts
index fb5b3a36b..e5c1ac72d 100644
--- a/packages/pl-fe/tailwind.config.ts
+++ b/packages/pl-fe/tailwind.config.ts
@@ -7,7 +7,7 @@ import { parseColorMatrix } from './tailwind/colors';
 
 import type { Config } from 'tailwindcss';
 
-const blackVariantPlugin = plugin(({ addVariant }) => addVariant('black', '.black &'));
+const blackVariantPlugin = plugin(({ addVariant }) => addVariant('black', '&:is(.dark.black *)'));
 const reducedMotionPlugin = plugin(({ addVariant }) => addVariant('no-reduce-motion', '.no-reduce-motion &'));
 
 const config: Config = {