From 6010e2862f23b3a920217db0bdb0212d9ec7e71b Mon Sep 17 00:00:00 2001
From: tishko0 <phelbs@gmail.com>
Date: Tue, 24 Feb 2026 18:04:28 +0200
Subject: [PATCH 1/4] add(style): added styling to images causing rows to be
 unusually large

---
 samples/grids/data-grid/row-selection/src/index.tsx          | 2 +-
 samples/grids/hierarchical-grid/action-strip/src/index.tsx   | 1 +
 .../advanced-filtering-options/src/index.tsx                 | 1 +
 .../hierarchical-grid/advanced-filtering-style/src/index.tsx | 1 +
 .../hierarchical-grid/cell-selection-overview/src/index.tsx  | 1 +
 .../hierarchical-grid/cell-selection-style/src/index.tsx     | 1 +
 .../column-hiding-toolbar-style/src/index.tsx                | 1 +
 .../hierarchical-grid/column-hiding-toolbar/src/index.tsx    | 1 +
 .../hierarchical-grid/column-resize-styling/src/index.tsx    | 1 +
 .../grids/hierarchical-grid/column-resizing/src/index.tsx    | 1 +
 .../hierarchical-grid/column-selection-mode/src/index.tsx    | 1 +
 .../hierarchical-grid/column-selection-styles/src/index.tsx  | 1 +
 .../column-sorting-indicators/src/index.tsx                  | 1 +
 .../hierarchical-grid/column-sorting-options/src/index.tsx   | 1 +
 .../hierarchical-grid/column-sorting-style/src/index.tsx     | 1 +
 .../hierarchical-grid/conditional-cell-style-1/src/index.tsx | 1 +
 .../hierarchical-grid/conditional-cell-style-2/src/index.tsx | 1 +
 .../hierarchical-grid/data-exporting-indicator/src/index.tsx | 1 +
 .../data-summary-options-styling/src/index.tsx               | 1 +
 .../hierarchical-grid/data-summary-options/src/index.tsx     | 1 +
 .../hierarchical-grid/data-summary-template/src/index.tsx    | 1 +
 .../grids/hierarchical-grid/disabled-summaries/src/index.tsx | 1 +
 .../excel-style-filtering-sample-1/src/index.tsx             | 1 +
 .../excel-style-filtering-sample-2/src/index.tsx             | 1 +
 .../excel-style-filtering-sample-3/src/index.tsx             | 1 +
 .../excel-style-filtering-style/src/index.tsx                | 1 +
 .../grids/hierarchical-grid/filtering-options/src/index.tsx  | 1 +
 .../grids/hierarchical-grid/filtering-style/src/index.tsx    | 1 +
 .../hierarchical-grid-options/src/index.tsx                  | 1 +
 .../hierarchical-grid-paging-style/src/index.tsx             | 1 +
 .../hierarchical-grid-styling/src/index.tsx                  | 1 +
 samples/grids/hierarchical-grid/overview/src/index.tsx       | 1 +
 samples/grids/hierarchical-grid/row-classes/src/index.tsx    | 1 +
 samples/grids/hierarchical-grid/row-drag-base/src/index.tsx  | 1 +
 .../hierarchical-grid/row-editing-options/src/index.tsx      | 1 +
 .../grids/hierarchical-grid/row-editing-style/src/index.tsx  | 1 +
 .../hierarchical-grid/row-pinning-extra-column/src/index.tsx | 1 +
 .../hierarchical-grid/row-pinning-options/src/index.tsx      | 1 +
 .../grids/hierarchical-grid/row-pinning-style/src/index.tsx  | 1 +
 samples/grids/hierarchical-grid/row-reorder/src/index.tsx    | 1 +
 .../grids/hierarchical-grid/row-selection-mode/src/index.tsx | 1 +
 .../row-selection-template-numbers/src/index.tsx             | 1 +
 samples/grids/hierarchical-grid/row-styles/src/index.tsx     | 1 +
 .../hierarchical-grid/state-persistence-main/src/index.tsx   | 1 +
 .../grids/hierarchical-grid/toolbar-sample-3/src/index.tsx   | 1 +
 .../grids/hierarchical-grid/toolbar-sample-4/src/index.tsx   | 1 +
 samples/grids/hierarchical-grid/toolbar-style/src/index.tsx  | 1 +
 samples/grids/shared/people-images.css                       | 5 +++++
 samples/grids/tree-grid/column-data-types/src/index.tsx      | 1 +
 49 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 samples/grids/shared/people-images.css

diff --git a/samples/grids/data-grid/row-selection/src/index.tsx b/samples/grids/data-grid/row-selection/src/index.tsx
index ca7c63b996..d20c75e907 100644
--- a/samples/grids/data-grid/row-selection/src/index.tsx
+++ b/samples/grids/data-grid/row-selection/src/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './index.css'; // styles shared between all samples
+import './index.css';
 
 import { DataGridSharedData } from './DataGridSharedData';
 import { IgrDataGrid } from 'igniteui-react-data-grids';
diff --git a/samples/grids/hierarchical-grid/action-strip/src/index.tsx b/samples/grids/hierarchical-grid/action-strip/src/index.tsx
index 5032334f74..f9b838c5f5 100644
--- a/samples/grids/hierarchical-grid/action-strip/src/index.tsx
+++ b/samples/grids/hierarchical-grid/action-strip/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPinningConfig, RowPinningPosition, IgrActionStrip, IgrGridPinningActions, IgrGridEditingActions, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx b/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx
index 8dc878eb5a..eef18a9541 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarAdvancedFiltering, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx b/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx
index 5b9ca44ca8..e86c4197a0 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarAdvancedFiltering, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx b/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx
index 89eeac8e0b..187a065915 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx b/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx
index 89eeac8e0b..187a065915 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx
index b23c1f781b..9c125b72c1 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrGridToolbarModule, IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx b/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx
index 07ab1a6782..b8c9098f1d 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrGridToolbarModule, IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx b/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx
index 4c7e163876..27b84e6417 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-resizing/src/index.tsx b/samples/grids/hierarchical-grid/column-resizing/src/index.tsx
index 75a04410b3..f2cba10567 100644
--- a/samples/grids/hierarchical-grid/column-resizing/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-resizing/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx b/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx
index 2cb87378cd..ef1743b39e 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx b/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx
index 5f765e6d8e..3b15725ceb 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx b/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx
index f5d44687e9..e87319291d 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrSortingExpression, SortingDirection, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx b/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx
index e150d38afb..afabe437c4 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrSortingExpression, SortingDirection, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx b/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx
index 9625a82e55..1c87fba063 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrSortingExpression, SortingDirection, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx b/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx
index 5e2bb3f236..4859d683eb 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx b/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx
index 4350b9a3b3..7816a1d704 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx b/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx
index f5fbfb546a..c3ea21c566 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx
@@ -1,6 +1,7 @@
 import React, { useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
+import '../../../shared/people-images.css';
 
 import {
   IgrGridToolbar,
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx
index 61b7077e69..3e599ae4b5 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx b/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx
index 61b7077e69..3e599ae4b5 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx b/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx
index 5b30715dca..8e0ef9d12b 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx b/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx
index 0379d23059..c217834567 100644
--- a/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx
+++ b/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrButton, IgrDialog, IgrCheckbox } from 'igniteui-react';
 import { IgrSummaryOperand, IgrSummaryResult, IgrHierarchicalGrid, IgrRowIsland, IgrColumn } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx
index b0c918f436..2cc2269e81 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx
index 70ce2c303b..1aee19c622 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx
index fc4618f9ea..8ece7a3b5e 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx
index 1d74045d24..84fba8b7ec 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/filtering-options/src/index.tsx b/samples/grids/hierarchical-grid/filtering-options/src/index.tsx
index f62d22f07e..58660ce040 100644
--- a/samples/grids/hierarchical-grid/filtering-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/filtering-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/filtering-style/src/index.tsx b/samples/grids/hierarchical-grid/filtering-style/src/index.tsx
index 6976fd67dc..a698c91307 100644
--- a/samples/grids/hierarchical-grid/filtering-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/filtering-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx
index 09e586304e..bbb19e7e42 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPaginator, IgrPaginatorResourceStrings, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx
index 1a3bbb8916..4c7ca68161 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPaginator, IgrPaginatorResourceStrings, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx
index a8ec32d33b..930277c312 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/overview/src/index.tsx b/samples/grids/hierarchical-grid/overview/src/index.tsx
index 991b6dbecb..ed3eab2a16 100644
--- a/samples/grids/hierarchical-grid/overview/src/index.tsx
+++ b/samples/grids/hierarchical-grid/overview/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-classes/src/index.tsx b/samples/grids/hierarchical-grid/row-classes/src/index.tsx
index 4e48945978..3bc0b39e4d 100644
--- a/samples/grids/hierarchical-grid/row-classes/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-classes/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx b/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx
index eee3f7626d..6390d1ddac 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx
@@ -1,6 +1,7 @@
 import React, { useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
+import '../../../shared/people-images.css';
 
 import {
   IgrHierarchicalGrid,
diff --git a/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx b/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx
index aaa81d5ca9..25cd82bdf6 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx b/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx
index 6b20ffc74f..52d3c6dff4 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx
index b171dea38c..91d070079e 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx b/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx
index e620833931..7a81b807ae 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx b/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx
index 1f09660481..6c21d26237 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPinningConfig, RowPinningPosition, ColumnPinningPosition, IgrColumn, IgrActionStrip, IgrGridPinningActions, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-reorder/src/index.tsx b/samples/grids/hierarchical-grid/row-reorder/src/index.tsx
index 60777ad43a..387e0e8276 100644
--- a/samples/grids/hierarchical-grid/row-reorder/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-reorder/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx b/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx
index 100ad38919..a8333d2d9b 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrBadgeModule } from 'igniteui-react';
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx
index e85091fdad..bb33e3d489 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrCheckboxModule } from 'igniteui-react';
diff --git a/samples/grids/hierarchical-grid/row-styles/src/index.tsx b/samples/grids/hierarchical-grid/row-styles/src/index.tsx
index f9600e8e06..97b45e351e 100644
--- a/samples/grids/hierarchical-grid/row-styles/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-styles/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx b/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx
index 069efb94d8..4f35b08e18 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx
+++ b/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx
@@ -26,6 +26,7 @@ import SingersData from "./SingersData.json";
 
 import "igniteui-react-grids/grids/themes/light/bootstrap.css";
 import "./index.css";
+import '../../../shared/people-images.css';
 
 const restoreIcon =
   '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z"/></svg>';
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx
index acca17aa03..292eec1d4a 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule, IgrGridToolbarModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarExporter, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx b/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx
index e05dd1fd31..b4c4ea8843 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
+import '../../../shared/people-images.css';
 
 import {
   IgrGridToolbar,
diff --git a/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx b/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx
index 758dfaeda0..2db8bd7cf3 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule, IgrGridToolbarModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarAdvancedFiltering, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrGridToolbarExporter, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/shared/people-images.css b/samples/grids/shared/people-images.css
new file mode 100644
index 0000000000..f87fd1f1ac
--- /dev/null
+++ b/samples/grids/shared/people-images.css
@@ -0,0 +1,5 @@
+img[src*="dl.infragistics.com/x/img/people"] {
+    width: 62px;
+    height: 62px;
+    object-fit: cover;
+}
diff --git a/samples/grids/tree-grid/column-data-types/src/index.tsx b/samples/grids/tree-grid/column-data-types/src/index.tsx
index ed63ff0588..33cedd2cf4 100644
--- a/samples/grids/tree-grid/column-data-types/src/index.tsx
+++ b/samples/grids/tree-grid/column-data-types/src/index.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
+import '../../../shared/people-images.css';
 
 import { IgrTreeGridModule } from "igniteui-react-grids";
 import {

From 45723ea6d70737623cae8a0d37a745337f06bc0d Mon Sep 17 00:00:00 2001
From: tishko0 <phelbs@gmail.com>
Date: Wed, 25 Feb 2026 09:50:32 +0200
Subject: [PATCH 2/4] Revert "add(style): added styling to images causing rows
 to be unusually large"

This reverts commit 6010e2862f23b3a920217db0bdb0212d9ec7e71b.
---
 samples/grids/data-grid/row-selection/src/index.tsx          | 2 +-
 samples/grids/hierarchical-grid/action-strip/src/index.tsx   | 1 -
 .../advanced-filtering-options/src/index.tsx                 | 1 -
 .../hierarchical-grid/advanced-filtering-style/src/index.tsx | 1 -
 .../hierarchical-grid/cell-selection-overview/src/index.tsx  | 1 -
 .../hierarchical-grid/cell-selection-style/src/index.tsx     | 1 -
 .../column-hiding-toolbar-style/src/index.tsx                | 1 -
 .../hierarchical-grid/column-hiding-toolbar/src/index.tsx    | 1 -
 .../hierarchical-grid/column-resize-styling/src/index.tsx    | 1 -
 .../grids/hierarchical-grid/column-resizing/src/index.tsx    | 1 -
 .../hierarchical-grid/column-selection-mode/src/index.tsx    | 1 -
 .../hierarchical-grid/column-selection-styles/src/index.tsx  | 1 -
 .../column-sorting-indicators/src/index.tsx                  | 1 -
 .../hierarchical-grid/column-sorting-options/src/index.tsx   | 1 -
 .../hierarchical-grid/column-sorting-style/src/index.tsx     | 1 -
 .../hierarchical-grid/conditional-cell-style-1/src/index.tsx | 1 -
 .../hierarchical-grid/conditional-cell-style-2/src/index.tsx | 1 -
 .../hierarchical-grid/data-exporting-indicator/src/index.tsx | 1 -
 .../data-summary-options-styling/src/index.tsx               | 1 -
 .../hierarchical-grid/data-summary-options/src/index.tsx     | 1 -
 .../hierarchical-grid/data-summary-template/src/index.tsx    | 1 -
 .../grids/hierarchical-grid/disabled-summaries/src/index.tsx | 1 -
 .../excel-style-filtering-sample-1/src/index.tsx             | 1 -
 .../excel-style-filtering-sample-2/src/index.tsx             | 1 -
 .../excel-style-filtering-sample-3/src/index.tsx             | 1 -
 .../excel-style-filtering-style/src/index.tsx                | 1 -
 .../grids/hierarchical-grid/filtering-options/src/index.tsx  | 1 -
 .../grids/hierarchical-grid/filtering-style/src/index.tsx    | 1 -
 .../hierarchical-grid-options/src/index.tsx                  | 1 -
 .../hierarchical-grid-paging-style/src/index.tsx             | 1 -
 .../hierarchical-grid-styling/src/index.tsx                  | 1 -
 samples/grids/hierarchical-grid/overview/src/index.tsx       | 1 -
 samples/grids/hierarchical-grid/row-classes/src/index.tsx    | 1 -
 samples/grids/hierarchical-grid/row-drag-base/src/index.tsx  | 1 -
 .../hierarchical-grid/row-editing-options/src/index.tsx      | 1 -
 .../grids/hierarchical-grid/row-editing-style/src/index.tsx  | 1 -
 .../hierarchical-grid/row-pinning-extra-column/src/index.tsx | 1 -
 .../hierarchical-grid/row-pinning-options/src/index.tsx      | 1 -
 .../grids/hierarchical-grid/row-pinning-style/src/index.tsx  | 1 -
 samples/grids/hierarchical-grid/row-reorder/src/index.tsx    | 1 -
 .../grids/hierarchical-grid/row-selection-mode/src/index.tsx | 1 -
 .../row-selection-template-numbers/src/index.tsx             | 1 -
 samples/grids/hierarchical-grid/row-styles/src/index.tsx     | 1 -
 .../hierarchical-grid/state-persistence-main/src/index.tsx   | 1 -
 .../grids/hierarchical-grid/toolbar-sample-3/src/index.tsx   | 1 -
 .../grids/hierarchical-grid/toolbar-sample-4/src/index.tsx   | 1 -
 samples/grids/hierarchical-grid/toolbar-style/src/index.tsx  | 1 -
 samples/grids/shared/people-images.css                       | 5 -----
 samples/grids/tree-grid/column-data-types/src/index.tsx      | 1 -
 49 files changed, 1 insertion(+), 53 deletions(-)
 delete mode 100644 samples/grids/shared/people-images.css

diff --git a/samples/grids/data-grid/row-selection/src/index.tsx b/samples/grids/data-grid/row-selection/src/index.tsx
index d20c75e907..ca7c63b996 100644
--- a/samples/grids/data-grid/row-selection/src/index.tsx
+++ b/samples/grids/data-grid/row-selection/src/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './index.css';
+import './index.css'; // styles shared between all samples
 
 import { DataGridSharedData } from './DataGridSharedData';
 import { IgrDataGrid } from 'igniteui-react-data-grids';
diff --git a/samples/grids/hierarchical-grid/action-strip/src/index.tsx b/samples/grids/hierarchical-grid/action-strip/src/index.tsx
index f9b838c5f5..5032334f74 100644
--- a/samples/grids/hierarchical-grid/action-strip/src/index.tsx
+++ b/samples/grids/hierarchical-grid/action-strip/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPinningConfig, RowPinningPosition, IgrActionStrip, IgrGridPinningActions, IgrGridEditingActions, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx b/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx
index eef18a9541..8dc878eb5a 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarAdvancedFiltering, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx b/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx
index e86c4197a0..5b9ca44ca8 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarAdvancedFiltering, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx b/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx
index 187a065915..89eeac8e0b 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx b/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx
index 187a065915..89eeac8e0b 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/cell-selection-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx
index 9c125b72c1..b23c1f781b 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrGridToolbarModule, IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx b/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx
index b8c9098f1d..07ab1a6782 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrGridToolbarModule, IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx b/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx
index 27b84e6417..4c7e163876 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-resize-styling/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-resizing/src/index.tsx b/samples/grids/hierarchical-grid/column-resizing/src/index.tsx
index f2cba10567..75a04410b3 100644
--- a/samples/grids/hierarchical-grid/column-resizing/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-resizing/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx b/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx
index ef1743b39e..2cb87378cd 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-selection-mode/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx b/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx
index 3b15725ceb..5f765e6d8e 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-selection-styles/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx b/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx
index e87319291d..f5d44687e9 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrSortingExpression, SortingDirection, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx b/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx
index afabe437c4..e150d38afb 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-sorting-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrSortingExpression, SortingDirection, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx b/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx
index 1c87fba063..9625a82e55 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-sorting-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrSortingExpression, SortingDirection, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx b/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx
index 4859d683eb..5e2bb3f236 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx b/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx
index 7816a1d704..4350b9a3b3 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx b/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx
index c3ea21c566..f5fbfb546a 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/src/index.tsx
@@ -1,7 +1,6 @@
 import React, { useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
-import '../../../shared/people-images.css';
 
 import {
   IgrGridToolbar,
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx
index 3e599ae4b5..61b7077e69 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx b/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx
index 3e599ae4b5..61b7077e69 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-summary-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx b/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx
index 8e0ef9d12b..5b30715dca 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-summary-template/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx b/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx
index c217834567..0379d23059 100644
--- a/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx
+++ b/samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrButton, IgrDialog, IgrCheckbox } from 'igniteui-react';
 import { IgrSummaryOperand, IgrSummaryResult, IgrHierarchicalGrid, IgrRowIsland, IgrColumn } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx
index 2cc2269e81..b0c918f436 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx
index 1aee19c622..70ce2c303b 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx
index 8ece7a3b5e..fc4618f9ea 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx
index 84fba8b7ec..1d74045d24 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/filtering-options/src/index.tsx b/samples/grids/hierarchical-grid/filtering-options/src/index.tsx
index 58660ce040..f62d22f07e 100644
--- a/samples/grids/hierarchical-grid/filtering-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/filtering-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/filtering-style/src/index.tsx b/samples/grids/hierarchical-grid/filtering-style/src/index.tsx
index a698c91307..6976fd67dc 100644
--- a/samples/grids/hierarchical-grid/filtering-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/filtering-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx
index bbb19e7e42..09e586304e 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPaginator, IgrPaginatorResourceStrings, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx
index 4c7ca68161..1a3bbb8916 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPaginator, IgrPaginatorResourceStrings, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx
index 930277c312..a8ec32d33b 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/overview/src/index.tsx b/samples/grids/hierarchical-grid/overview/src/index.tsx
index ed3eab2a16..991b6dbecb 100644
--- a/samples/grids/hierarchical-grid/overview/src/index.tsx
+++ b/samples/grids/hierarchical-grid/overview/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-classes/src/index.tsx b/samples/grids/hierarchical-grid/row-classes/src/index.tsx
index 3bc0b39e4d..4e48945978 100644
--- a/samples/grids/hierarchical-grid/row-classes/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-classes/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx b/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx
index 6390d1ddac..eee3f7626d 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-drag-base/src/index.tsx
@@ -1,7 +1,6 @@
 import React, { useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
-import '../../../shared/people-images.css';
 
 import {
   IgrHierarchicalGrid,
diff --git a/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx b/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx
index 25cd82bdf6..aaa81d5ca9 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-editing-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx b/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx
index 52d3c6dff4..6b20ffc74f 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-editing-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx
index 91d070079e..b171dea38c 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx b/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx
index 7a81b807ae..e620833931 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-pinning-options/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx b/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx
index 6c21d26237..1f09660481 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-pinning-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrPinningConfig, RowPinningPosition, ColumnPinningPosition, IgrColumn, IgrActionStrip, IgrGridPinningActions, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-reorder/src/index.tsx b/samples/grids/hierarchical-grid/row-reorder/src/index.tsx
index 387e0e8276..60777ad43a 100644
--- a/samples/grids/hierarchical-grid/row-reorder/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-reorder/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx b/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx
index a8333d2d9b..100ad38919 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-selection-mode/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrBadgeModule } from 'igniteui-react';
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx
index bb33e3d489..e85091fdad 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrCheckboxModule } from 'igniteui-react';
diff --git a/samples/grids/hierarchical-grid/row-styles/src/index.tsx b/samples/grids/hierarchical-grid/row-styles/src/index.tsx
index 97b45e351e..f9600e8e06 100644
--- a/samples/grids/hierarchical-grid/row-styles/src/index.tsx
+++ b/samples/grids/hierarchical-grid/row-styles/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx b/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx
index 4f35b08e18..069efb94d8 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx
+++ b/samples/grids/hierarchical-grid/state-persistence-main/src/index.tsx
@@ -26,7 +26,6 @@ import SingersData from "./SingersData.json";
 
 import "igniteui-react-grids/grids/themes/light/bootstrap.css";
 import "./index.css";
-import '../../../shared/people-images.css';
 
 const restoreIcon =
   '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z"/></svg>';
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx
index 292eec1d4a..acca17aa03 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule, IgrGridToolbarModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarExporter, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx b/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx
index b4c4ea8843..e05dd1fd31 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/src/index.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
-import '../../../shared/people-images.css';
 
 import {
   IgrGridToolbar,
diff --git a/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx b/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx
index 2db8bd7cf3..758dfaeda0 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx
+++ b/samples/grids/hierarchical-grid/toolbar-style/src/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import '../../../shared/people-images.css';
 
 import { IgrHierarchicalGridModule, IgrGridToolbarModule } from 'igniteui-react-grids';
 import { IgrHierarchicalGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarAdvancedFiltering, IgrGridToolbarHiding, IgrGridToolbarPinning, IgrGridToolbarExporter, IgrColumn, IgrRowIsland } from 'igniteui-react-grids';
diff --git a/samples/grids/shared/people-images.css b/samples/grids/shared/people-images.css
deleted file mode 100644
index f87fd1f1ac..0000000000
--- a/samples/grids/shared/people-images.css
+++ /dev/null
@@ -1,5 +0,0 @@
-img[src*="dl.infragistics.com/x/img/people"] {
-    width: 62px;
-    height: 62px;
-    object-fit: cover;
-}
diff --git a/samples/grids/tree-grid/column-data-types/src/index.tsx b/samples/grids/tree-grid/column-data-types/src/index.tsx
index 33cedd2cf4..ed63ff0588 100644
--- a/samples/grids/tree-grid/column-data-types/src/index.tsx
+++ b/samples/grids/tree-grid/column-data-types/src/index.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
-import '../../../shared/people-images.css';
 
 import { IgrTreeGridModule } from "igniteui-react-grids";
 import {

From f06931d2fe8fc55bf351d3b2da9f6d8c9d8a90bf Mon Sep 17 00:00:00 2001
From: tishko0 <phelbs@gmail.com>
Date: Wed, 25 Feb 2026 09:51:40 +0200
Subject: [PATCH 3/4] add(style): set dimensions and object-fit for specific
 images

---
 browser/src/index.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/browser/src/index.css b/browser/src/index.css
index e69de29bb2..f87fd1f1ac 100644
--- a/browser/src/index.css
+++ b/browser/src/index.css
@@ -0,0 +1,5 @@
+img[src*="dl.infragistics.com/x/img/people"] {
+    width: 62px;
+    height: 62px;
+    object-fit: cover;
+}

From 099d8a2d3d77e5580e05fbfb08bc650a59c0b1dc Mon Sep 17 00:00:00 2001
From: tishko0 <phelbs@gmail.com>
Date: Wed, 25 Feb 2026 15:46:49 +0200
Subject: [PATCH 4/4] style(sample): centered images in columns

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

diff --git a/browser/src/index.css b/browser/src/index.css
index f87fd1f1ac..56c74b25ed 100644
--- a/browser/src/index.css
+++ b/browser/src/index.css
@@ -2,4 +2,6 @@ img[src*="dl.infragistics.com/x/img/people"] {
     width: 62px;
     height: 62px;
     object-fit: cover;
+    display: block;
+    margin: auto;
 }