From d4d91e19f984638318c3ba6379853666128a106c Mon Sep 17 00:00:00 2001
From: didimmova <d.dimova11@gmail.com>
Date: Mon, 27 Apr 2026 11:51:45 +0300
Subject: [PATCH] fix(grid): wrap theme-builder selectors in where pseudo
 selector

---
 .../src/core/styles/components/grid/_grid-theme-builder.scss  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme-builder.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme-builder.scss
index 89ea0cd3218..3e304f68e46 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme-builder.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme-builder.scss
@@ -23,7 +23,7 @@
         '#{$theme-variant}-#{$variant}'
     );
 
-    igx-grid,
+    :where(igx-grid,
     igc-grid,
     igx-tree-grid,
     igc-tree-grid,
@@ -32,7 +32,7 @@
     igx-pivot-grid,
     igc-pivot-grid,
     igx-grid-lite,
-    igc-grid-lite {
+    igc-grid-lite) {
         --_grid-background: var(--background, var(--ig-grid-background));
         --_grid-foreground: var(--foreground, var(--ig-grid-foreground));
         --_grid-accent-color: var(--accent-color, var(--ig-grid-accent-color));