diff --git a/tailwind.css b/tailwind.css
index f837855b..4fc292cb 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -297,7 +297,9 @@
       hover:text-gray-600
       hover:dark:text-gray-400
   }
-  /* Components */
+}
+
+@layer components {
   .component-surface {
     @apply
       bg-content border border-main