diff --git a/package-lock.json b/package-lock.json
index b2c28b4f0..0ace0a091 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2113,24 +2113,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/@igniteui/angular-schematics/node_modules/chokidar": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "readdirp": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 14.16.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/@igniteui/angular-schematics/node_modules/cli-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
@@ -2290,22 +2272,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/@igniteui/angular-schematics/node_modules/readdirp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 14.18.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/@igniteui/angular-schematics/node_modules/restore-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
diff --git a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts
index 40f651b4e..58d974e7d 100644
--- a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts
+++ b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts
@@ -1,6 +1,6 @@
 import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core';
+import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridMRLNavigationService } from 'igniteui-angular/grids/core';
 import { DATA } from '../../data/company-data';
 import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';
 
@@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro
     selector: 'app-grid-mrl-custom-navigation-sample',
     styleUrls: ['./grid-mrl-custom-navigation.component.scss'],
     templateUrl: './grid-mrl-custom-navigation.component.html',
+    providers: [IgxGridMRLNavigationService],
     imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent]
 })
 export class GridMRLCustomNavigationComponent {
diff --git a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts
index 65f93ed44..ae6f905a1 100644
--- a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts
+++ b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core';
+import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridMRLNavigationService } from 'igniteui-angular/grids/core';
 import { DATA } from '../../data/customers';
 import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';
 
@@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro
     selector: 'app-grid-multi-row-layout-styling-sample',
     styleUrls: ['./grid-multi-row-layout-styling.component.scss'],
     templateUrl: './grid-multi-row-layout-styling.component.html',
+    providers: [IgxGridMRLNavigationService],
     imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent]
 })
 export class GridMultiRowLayoutStylingComponent {
diff --git a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts
index e4ec09ba6..4fe6582b7 100644
--- a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts
+++ b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core';
+import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridMRLNavigationService, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core';
 import { DATA } from '../../data/customers';
 import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';
 
@@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro
     selector: 'app-grid-multi-row-layout-sample',
     styleUrls: ['./grid-multi-row-layout.component.scss'],
     templateUrl: './grid-multi-row-layout.component.html',
+    providers: [IgxGridMRLNavigationService],
     imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnLayoutComponent, IgxColumnComponent]
 })
 export class GridMultiRowLayoutComponent {