diff --git a/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/header-item/index.tsx b/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/header-item/index.tsx
index 45285a4b0c..2764498788 100644
--- a/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/header-item/index.tsx
+++ b/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/header-item/index.tsx
@@ -1,6 +1,6 @@
import { useCallback } from 'react';
-import { ArrowDown, ArrowUp } from 'lucide-react';
+import { HiArrowUp, HiArrowDown } from 'react-icons/hi';
import { cn } from 'utils/cn';
@@ -43,9 +43,19 @@ const HeaderItem = ({
{text}
{sortOrder === 'asc' && isActive ? (
-
+
) : (
-
+
)}
);
diff --git a/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/row-item/index.tsx b/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/row-item/index.tsx
index 0a95d89340..3e440a7d7d 100644
--- a/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/row-item/index.tsx
+++ b/app/layout/project/sidebar/project/inventory-panel/components/inventory-table/row-item/index.tsx
@@ -1,4 +1,4 @@
-import { MoreHorizontal } from 'lucide-react';
+import { HiDotsHorizontal } from 'react-icons/hi';
import Checkbox from 'components/forms/checkbox';
import Icon from 'components/icon';
@@ -66,7 +66,7 @@ const RowItem = ({