diff --git a/package-lock.json b/package-lock.json
index 794815f166f..f252e2dde36 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,7 +25,7 @@
         "@types/source-map": "0.5.2",
         "express": "^4.21.1",
         "fflate": "^0.8.1",
-        "igniteui-theming": "^18.0.1",
+        "igniteui-theming": "^18.0.2",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "rxjs": "^7.8.2",
@@ -12880,9 +12880,9 @@
       }
     },
     "node_modules/igniteui-theming": {
-      "version": "18.0.1",
-      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-18.0.1.tgz",
-      "integrity": "sha512-+1MGKBtZ/8fNi/c2Y0vV7leLmlrCI3+BOVw+ZFxizU7nBz4jPcGiM7+t7DwFLE2VH1i2uLFkW3sEpktFqst9og==",
+      "version": "18.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-18.0.2.tgz",
+      "integrity": "sha512-yqyEmMxFBeWjpWjJSjr5ACBw4PWESfCMKQEcz0YJ30gcrEG9PCSjbemiJZNVhvbojdDYNy867kLpig+JkUuY7Q==",
       "peerDependencies": {
         "sass": "^1.69.5"
       }
diff --git a/package.json b/package.json
index f7973220359..9c1a10bfc48 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.21.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^18.0.1",
+    "igniteui-theming": "^18.0.2",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.2",
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss
index 294b866cbc8..3fe579c34d5 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss
@@ -12,7 +12,6 @@
 
 /// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
 /// @param {Color} $background-color [null] - The summaries background color is inherited form igx-grid__tfoot
-/// @param {Color} $focus-background-color [null] - The background color when a summary item is on focus.
 /// @param {Color} $label-color [null] - The summaries label color.
 /// @param {Color} $result-color [null] - The summaries value/result color.
 /// @param {Color} $border-color [null] - The summaries border color.
@@ -32,7 +31,6 @@
     $schema: $light-material-schema,
 
     $background-color: null,
-    $focus-background-color: null,
     $label-color: null,
     $result-color: null,
     $border-color: null,
@@ -74,7 +72,6 @@
         name: $name,
         selector: $selector,
         background-color: $background-color,
-        focus-background-color: $focus-background-color,
         label-color: $label-color,
         result-color: $result-color,
         border-color: $border-color,
@@ -131,15 +128,6 @@
         overflow: hidden;
         outline-style: none;
 
-        &::after {
-            position: absolute;
-            inset: 0;
-        }
-
-        &:focus::after {
-            background: var-get($theme, 'focus-background-color');
-        }
-
         @if $variant == 'indigo' {
             border-top: rem(1px) solid var-get($theme, 'border-color');
         }
diff --git a/projects/igniteui-angular/src/lib/grids/summaries/themes/_base.scss b/projects/igniteui-angular/src/lib/grids/summaries/themes/_base.scss
index c73235a93f6..1772c84108e 100644
--- a/projects/igniteui-angular/src/lib/grids/summaries/themes/_base.scss
+++ b/projects/igniteui-angular/src/lib/grids/summaries/themes/_base.scss
@@ -24,15 +24,6 @@ $_theme: $material;
         overflow: hidden;
         outline-style: none;
 
-        &::after {
-            position: absolute;
-            inset: 0;
-        }
-
-        &:focus::after {
-            background: var-get($_theme, 'focus-background-color');
-        }
-
         @include e(item) {
             display: flex;
             align-items: center;