diff --git a/src/components/ServiceProject/ServiceProjectProfile.jsx b/src/components/ServiceProject/ServiceProjectProfile.jsx
index dfda4880..8e131852 100644
--- a/src/components/ServiceProject/ServiceProjectProfile.jsx
+++ b/src/components/ServiceProject/ServiceProjectProfile.jsx
@@ -4,14 +4,13 @@ import { useServiceProject } from "../../hooks/useServiceProject";
 import { formatUTCToLocalTime } from "../../utils/dateUtils";
 import ManageServiceProject from "./ManageServiceProject";
 import GlobalModel from "../common/GlobalModel";
+import { SpinnerLoader } from "../common/Loader";
 
 const ServiceProjectProfile = () => {
   const { projectId } = useParams();
   const [IsOpenModal, setIsOpenModal] = useState(false);
   const { data, isLoading, isError, error } = useServiceProject(projectId);
-  if (isLoading) {
-    return <div className="">Loadng.</div>;
-  }
+  if (isLoading) return <div className="py-8"><SpinnerLoader/></div>
   return (
     <>
       {IsOpenModal && (