diff --git a/apps/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx b/apps/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx
index 26f8e52ab..b714855de 100644
--- a/apps/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx
+++ b/apps/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx
@@ -2,9 +2,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // components
 import { useTranslation } from "@plane/i18n";
-import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root";
-// constants
-import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
+import { EmptyStateDetailed } from "@plane/propel/empty-state";
 
 // TODO: If projectViewId changes, everything breaks. Figure out a better way to handle this.
 export const ProfileViewEmptyState: React.FC = observer(() => {
@@ -12,19 +10,14 @@ export const ProfileViewEmptyState: React.FC = observer(() => {
   const { t } = useTranslation();
   // store hooks
   const { profileViewId } = useParams();
-  // derived values
-  const resolvedPath = useResolvedAssetPath({
-    basePath: "/empty-state/profile/",
-    additionalPath: profileViewId?.toString(),
-  });
 
   if (!profileViewId) return null;
 
   return (
-    <DetailedEmptyState
+    <EmptyStateDetailed
+      assetKey="work-item"
       title={t(`profile.empty_state.${profileViewId.toString()}.title`)}
       description={t(`profile.empty_state.${profileViewId.toString()}.description`)}
-      assetPath={resolvedPath}
     />
   );
 });