diff --git a/assets/css/callouts.css b/assets/css/callouts.css
index 78927d1496..e5034de497 100644
--- a/assets/css/callouts.css
+++ b/assets/css/callouts.css
@@ -6,39 +6,39 @@
  * */
 
 .prose blockquote {
-  @apply p-4 not-italic font-normal bg-blue-light-100 dark:bg-blue-dark-100;
+  @apply bg-blue-light-100 p-4 font-normal not-italic dark:bg-blue-dark-100;
   quotes: none;
   > *:first-child {
-    @apply mt-0 before:font-icons flex gap-2 before:content-['info'];
+    @apply mt-0 flex gap-2 before:font-icons before:content-['info'];
   }
   *:last-child {
     @apply mb-0 after:content-none;
   }
 
   &.warning {
-    @apply bg-red-light-100 border-l-red-light dark:bg-red-dark-100 dark:border-l-red-dark;
+    @apply border-l-red-light bg-red-light-100 dark:border-l-red-dark dark:bg-red-dark-100;
   }
 
   &.important {
-    @apply bg-amber-light-100 border-l-amber-light dark:bg-amber-dark-100 dark:border-l-amber-dark;
+    @apply border-l-amber-light bg-amber-light-100 dark:border-l-amber-dark dark:bg-amber-dark-100;
   }
 
   &.tip {
-    @apply bg-green-light-100 border-l-green-light dark:bg-green-dark-100 dark:border-l-green-dark;
+    @apply border-l-green-light bg-green-light-100 dark:border-l-green-dark dark:bg-green-dark-100;
     > *:first-child {
-      @apply before:content-['thumb\_up']
+      @apply before:content-['thumb\_up'];
     }
   }
 
   &.experimental {
     > *:first-child {
-      @apply before:content-['science']
+      @apply before:content-['science'];
     }
   }
   &.restricted {
-    @apply bg-violet-light-100 border-l-violet-light dark:bg-violet-dark-100 dark:border-l-violet-dark;
+    @apply border-l-violet-light bg-violet-light-100 dark:border-l-violet-dark dark:bg-violet-dark-100;
     > *:first-child {
-      @apply before:content-['rocket\_launch']
+      @apply before:content-['rocket\_launch'];
     }
   }
 }