diff --git a/libs/components/tailwind.config.base.js b/libs/components/tailwind.config.base.js
index 58409899c92..11e8e68bede 100644
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -168,5 +168,9 @@ module.exports = {
         addVariant(state, [`&:${state}`, `&.test-${state}`]);
       }
     }),
+    /** Plugin for compact mode */
+    plugin(function ({ addVariant }) {
+      addVariant("bit-compact", ".bit-compact &");
+    }),
   ],
 };