diff --git a/input.css b/input.css
index 6e7ef324e8..c04d53c27e 100644
--- a/input.css
+++ b/input.css
@@ -198,42 +198,42 @@
         }
 
         /* Note (blue) */
-        details[data-callout="note"] {
+        details[data-callout="note" i] {
             @apply border-blue-400 dark:border-blue-500;
         }
-        details[data-callout="note"] > summary {
+        details[data-callout="note" i] > summary {
             @apply text-blue-700 dark:text-blue-400;
         }
 
         /* Important (purple) */
-        details[data-callout="important"] {
+        details[data-callout="important" i] {
             @apply border-purple-400 dark:border-purple-500;
         }
-        details[data-callout="important"] > summary {
+        details[data-callout="important" i] > summary {
             @apply text-purple-700 dark:text-purple-400;
         }
 
         /* Warning (yellow) */
-        details[data-callout="warning"] {
+        details[data-callout="warning" i] {
             @apply border-yellow-400 dark:border-yellow-500;
         }
-        details[data-callout="warning"] > summary {
+        details[data-callout="warning" i] > summary {
             @apply text-yellow-700 dark:text-yellow-400;
         }
 
         /* Caution (red) */
-        details[data-callout="caution"] {
+        details[data-callout="caution" i] {
             @apply border-red-400 dark:border-red-500;
         }
-        details[data-callout="caution"] > summary {
+        details[data-callout="caution" i] > summary {
             @apply text-red-700 dark:text-red-400;
         }
 
         /* Tip (green) */
-        details[data-callout="tip"] {
+        details[data-callout="tip" i] {
             @apply border-green-400 dark:border-green-500;
         }
-        details[data-callout="tip"] > summary {
+        details[data-callout="tip" i] > summary {
             @apply text-green-700 dark:text-green-400;
         }