diff --git a/src/components/Expenses/ExpenseList.jsx b/src/components/Expenses/ExpenseList.jsx
index a713fed1..aba32da0 100644
--- a/src/components/Expenses/ExpenseList.jsx
+++ b/src/components/Expenses/ExpenseList.jsx
@@ -4,24 +4,27 @@ import Avatar from "../common/Avatar";
 import { useExpenseContext } from "../../pages/Expense/ExpensePage";
 import { formatDate, formatUTCToLocalTime } from "../../utils/dateUtils";
 import Pagination from "../common/Pagination";
-import { ITEMS_PER_PAGE } from "../../utils/constants";
+import { APPROVE_EXPENSE, ITEMS_PER_PAGE } from "../../utils/constants";
 import { AppColorconfig, getColorNameFromHex } from "../../utils/appUtils";
 import { ExpenseTableSkeleton } from "./ExpenseSkeleton";
 import ConfirmModal from "../common/ConfirmModal";
-import { useProfile } from "../../hooks/useProfile";
+import { useHasUserPermission } from "../../hooks/useHasUserPermission";
+import { useSelector } from "react-redux";
 
 const ExpenseList = ({filters}) => {
   const [deletingId, setDeletingId] = useState(null);
   const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const { setViewExpense, setManageExpenseModal } = useExpenseContext();
+  const IsExpenseEditable = useHasUserPermission()
+  const IsExpesneApprpve = useHasUserPermission(APPROVE_EXPENSE)
   const [currentPage, setCurrentPage] = useState(1);
   const pageSize = 10;
-  const { profile } = useProfile();
 
 
   const { mutate: DeleteExpense, isPending } = useDeleteExpense();
   const { data, isLoading, isError, isInitialLoading, error, isFetching } =
     useExpenseList(10, currentPage, filters);
+  const SelfId = useSelector((store)=>store?.globalVariables?.loginUser?.employeeInfo?.id)
 
   const handleDelete = (id) => {
     setDeletingId(id);
@@ -260,7 +263,7 @@ const ExpenseList = ({filters}) => {
                                   {(expense.status.name === "Draft" ||
                                     expense.status.name === "Rejected") &&
                                   expense.createdBy.id ===
-                                    profile?.employeeInfo.id ? (
+                                    SelfId ? (
                                     <i
                                       className="bx bx-edit bx-sm text-secondary"
                                       onClick={() =>
@@ -279,7 +282,7 @@ const ExpenseList = ({filters}) => {
                                 </span>
 
                                 <span className="cursor-pointer">
-                                  {expense.status.name === "Draft" ? (
+                                  {(expense.status.name === "Draft" && expense?.createdBy?.id === SelfId ) ? (
                                     <i
                                       className="bx bx-trash bx-sm text-danger"
                                       onClick={() => {