From c91d856843aabb04744bc5f22f22644322934c58 Mon Sep 17 00:00:00 2001
From: didimmova <d.dimova11@gmail.com>
Date: Thu, 13 Nov 2025 10:49:48 +0200
Subject: [PATCH 1/2] feat(grid): style inputs in the context of cell

---
 .../core/styles/components/grid/_grid-theme.scss  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
index 2441720612a..c54da728683 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -1192,6 +1192,21 @@
         align-items: center;
         outline-style: none;
 
+        @extend %cell-input-overrides;
+
+        > igx-input-group,
+        igx-combo,
+        igx-simple-combo,
+        igx-select,
+        igx-date-picker,
+        igx-time-picker {
+            height: auto;
+        }
+
+        igx-input-group {
+            background: transparent;
+        }
+
         @if $variant != 'indigo' {
             padding-inline: pad-inline(
                 map.get($grid-cell-padding-inline, 'compact'),

From 9f37a7b7e033ff47f5891007483379694c90527d Mon Sep 17 00:00:00 2001
From: didimmova <d.dimova11@gmail.com>
Date: Mon, 17 Nov 2025 15:53:37 +0200
Subject: [PATCH 2/2] fix(grid/combo/input): remove unnecessary importants for
 disabled styles

---
 .../lib/core/styles/components/combo/_combo-theme.scss    | 4 ++--
 .../src/lib/core/styles/components/grid/_grid-theme.scss  | 8 ++++++--
 .../core/styles/components/input/_input-group-theme.scss  | 8 ++++----
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss
index 5f3860c4913..7cab448d4b7 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss
@@ -276,8 +276,8 @@
 
     .igx-input-group--disabled {
         %igx-combo__toggle-button {
-            background: var-get($theme, 'toggle-button-background-disabled') !important;
-            color: var-get($theme, 'toggle-button-foreground-disabled') !important;
+            background: var-get($theme, 'toggle-button-background-disabled');
+            color: var-get($theme, 'toggle-button-foreground-disabled');
         }
 
         %igx-combo__clear-button {
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
index c54da728683..4b4b72a1fab 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -292,6 +292,12 @@
             box-shadow: none !important;
             border: none !important;
         }
+
+        .igx-input-group--disabled,
+        .igx-input-group--disabled igx-prefix,
+        .igx-input-group--disabled igx-suffix {
+            color: var-get($theme, 'cell-disabled-color');
+        }
     }
 
     @if $variant != 'indigo' {
@@ -1422,8 +1428,6 @@
         &%grid-cell-number {
             justify-content: flex-start !important;
         }
-
-        @extend %cell-input-overrides;
     }
 
     %grid-cell--pinned {
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss
index 544b63c7e05..598cb9a786e 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss
@@ -364,7 +364,7 @@
     %form-group-display--disabled {
         pointer-events: none;
         user-select: none;
-        color: var-get($theme, 'disabled-text-color') !important;
+        color: var-get($theme, 'disabled-text-color');
 
         igx-prefix,
         [igxPrefix] {
@@ -1433,7 +1433,7 @@
     %form-group-input--disabled {
         cursor: default;
 
-        color: var-get($theme, 'disabled-text-color') !important;
+        color: var-get($theme, 'disabled-text-color');
 
         &::placeholder {
             color: var-get($theme, 'disabled-placeholder-color');
@@ -1483,7 +1483,7 @@
     }
 
     %form-group-textarea--disabled {
-        color: var-get($theme, 'disabled-text-color') !important;
+        color: var-get($theme, 'disabled-text-color');
         cursor: default;
 
         &::placeholder {
@@ -2061,7 +2061,7 @@
     }
 
     %fluent-label-disabled {
-        color: var-get($theme, 'disabled-text-color') !important;
+        color: var-get($theme, 'disabled-text-color');
     }
 
     %fluent-label-filled {