diff --git a/projects/hr-portal/index.html b/projects/hr-portal/index.html
index b21e397..941d711 100644
--- a/projects/hr-portal/index.html
+++ b/projects/hr-portal/index.html
@@ -7,6 +7,7 @@
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap" rel="stylesheet">
     <link rel="shortcut icon" href="/favicon.ico" />
     <link rel="stylesheet" href="/styles.scss">
+    <link rel="stylesheet" href="./node_modules/igniteui-webcomponents-grids/grids/themes/light/fluent.css" />
   </head>
   <body class="ig-scrollbar ig-typography">
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/projects/hr-portal/src/app/hr-portal/hr-portal.tsx b/projects/hr-portal/src/app/hr-portal/hr-portal.tsx
index 206ece3..5784c08 100644
--- a/projects/hr-portal/src/app/hr-portal/hr-portal.tsx
+++ b/projects/hr-portal/src/app/hr-portal/hr-portal.tsx
@@ -22,7 +22,6 @@ import {
   registerIcon,
 } from "igniteui-react";
 import "igniteui-react-grids/grids/combined";
-import "igniteui-react-grids/grids/themes/light/fluent.css";
 import { dataService } from "./../services/data.service";
 import { icons } from "../data/icons/Icons";
 import { Employee } from "../data/Models/Employee";
