add(style): added styling to images causing rows to be unusually large

tishko0 · tishko0 · commit 6010e2862f23 · 2026-02-24T18:04:28.000+02:00
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 {
