diff --git a/pkgs/webview-ui/app/tailwind/core-plugin.ts b/pkgs/webview-ui/app/tailwind/core-plugin.ts
index aef668b29..8797d1274 100644
--- a/pkgs/webview-ui/app/tailwind/core-plugin.ts
+++ b/pkgs/webview-ui/app/tailwind/core-plugin.ts
@@ -74,7 +74,12 @@ const mkBorderUtils = (
 
 export default plugin.withOptions(
   (_options = {}) =>
-    ({ addUtilities, theme }) => {
+    ({ addUtilities, theme, addVariant, e }) => {
+      addVariant("popover-open", ({ modifySelectors, separator }) => {
+        modifySelectors(({ className }) => {
+          return `.${e(`popover-open${separator}${className}`)}:popover-open`;
+        });
+      });
       addUtilities({
         // Background colors
         ".bg-def-1": {