From f48da6088520f55e13decc99f825673cf43be2f6 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Wed, 23 Sep 2026 16:36:15 +0300
Subject: [PATCH] fix(theming): declare Tailwind layers before the theme link

---
 src/index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/index.html b/src/index.html
index 65e26031d..f6f623b7c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -17,6 +17,8 @@
        documentation site's theming widget posts a new selection into the
        sample; it stays ahead of the application's own stylesheet so that
        styles.scss keeps overriding the theme. -->
+  <!-- Declares Tailwind's layers before the theme's `ig.*` layers so Tailwind's preflight can't override the theme. -->
+  <style>@layer theme, base, components, utilities;</style>
   <link id="igniteui-theme" rel="stylesheet" href="assets/themes/igniteui-angular.css">
 </head>