diff --git a/tests/jit/apply.test.css b/tests/jit/apply.test.css
index d53c8f6d7bf1..3399ea21de6c 100644
--- a/tests/jit/apply.test.css
+++ b/tests/jit/apply.test.css
@@ -323,6 +323,13 @@ h2 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.important-modifier-variant {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.important-modifier-variant:hover {
+  border-radius: 0.375rem !important;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
diff --git a/tests/jit/apply.test.html b/tests/jit/apply.test.html
index 5d5bfe8f0c58..3d0d68169645 100644
--- a/tests/jit/apply.test.html
+++ b/tests/jit/apply.test.html
@@ -33,6 +33,7 @@
     <div class="use-with-other-properties-base use-with-other-properties-component"></div>
     <div class="add-sibling-properties"></div>
     <div class="important-modifier"></div>
+    <div class="important-modifier-variant"></div>
     <div class="a b"></div>
     <div class="foo"></div>
     <div class="bar"></div>
diff --git a/tests/jit/apply.test.js b/tests/jit/apply.test.js
index f58bafba347f..b8b66d212cd8 100644
--- a/tests/jit/apply.test.js
+++ b/tests/jit/apply.test.js
@@ -122,6 +122,10 @@ test('@apply', () => {
     .important-modifier {
       @apply px-4 !rounded-md;
     }
+
+    .important-modifier-variant {
+      @apply px-4 hover:!rounded-md;
+    }
   }
 
   @layer utilities {