diff --git a/tailwind.config.ts b/tailwind.config.ts
index afd88d28c..49f6129c3 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,7 +6,7 @@ import plugin from 'tailwindcss/plugin';
 
 import { parseColorMatrix } from './tailwind/colors.ts';
 
-const blackVariantPlugin = plugin(({ addVariant }) => addVariant('black', '.black &'));
+const blackVariantPlugin = plugin(({ addVariant }) => addVariant('black', '.black.black &'));
 
 const config: Config = {
   content: ['./src/**/*.{html,js,ts,tsx}', './custom/instance/**/*.html', './index.html'],