diff --git a/samples/layouts/icon/sizing/src/index.tsx b/samples/layouts/icon/sizing/src/index.tsx
index 4a7d64834..3c1952ac2 100644
--- a/samples/layouts/icon/sizing/src/index.tsx
+++ b/samples/layouts/icon/sizing/src/index.tsx
@@ -2,11 +2,9 @@ import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import './IconSizing.css';
-import { IgrIcon, IgrIconModule, registerIconFromText } from 'igniteui-react';
+import { IgrIcon, registerIconFromText } from 'igniteui-react';
import 'igniteui-webcomponents/themes/light/bootstrap.css';
-IgrIconModule.register();
-
const buildIcon =
'';
diff --git a/samples/layouts/icon/styling/src/IconStyling.css b/samples/layouts/icon/styling/src/IconStyling.css
index 949402bcb..73b24e3db 100644
--- a/samples/layouts/icon/styling/src/IconStyling.css
+++ b/samples/layouts/icon/styling/src/IconStyling.css
@@ -7,5 +7,5 @@
igc-icon {
--size: 48px;
- color: olive;
+ color: var(--ig-primary-500);
}
\ No newline at end of file
diff --git a/samples/layouts/icon/styling/src/index.tsx b/samples/layouts/icon/styling/src/index.tsx
index 84240dc4b..0136db33a 100644
--- a/samples/layouts/icon/styling/src/index.tsx
+++ b/samples/layouts/icon/styling/src/index.tsx
@@ -2,11 +2,9 @@ import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import './IconStyling.css';
-import { IgrIcon, IgrIconModule, registerIconFromText } from 'igniteui-react';
+import { IgrIcon, registerIconFromText } from 'igniteui-react';
import 'igniteui-webcomponents/themes/light/bootstrap.css';
-IgrIconModule.register();
-
const searchIcon =
'';