diff --git a/web/ee/components/cycles/active-cycles/project-title.tsx b/web/ee/components/cycles/active-cycles/project-title.tsx
index bd4153eba8..d5164525f5 100644
--- a/web/ee/components/cycles/active-cycles/project-title.tsx
+++ b/web/ee/components/cycles/active-cycles/project-title.tsx
@@ -2,7 +2,7 @@ import { FC } from "react";
 // types
 import { IProject } from "@plane/types";
 // helpers
-import { renderEmoji } from "@/helpers/emoji.helper";
+import { Logo } from "@/components/common";
 
 export type ActiveCyclesProjectTitleProps = {
   project: Partial<IProject> | undefined;
@@ -12,17 +12,14 @@ export const ActiveCyclesProjectTitle: FC<ActiveCyclesProjectTitleProps> = (prop
   const { project } = props;
   return (
     <div className="flex items-center gap-1.5">
-      {project?.emoji ? (
-        <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase">
-          {renderEmoji(project.emoji)}
-        </span>
-      ) : project?.icon_prop ? (
-        <div className="grid h-7 w-7 flex-shrink-0 place-items-center">{renderEmoji(project?.icon_prop)}</div>
+      {project?.logo_props ? (
+        <Logo logo={project.logo_props} size={22} />
       ) : (
         <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white">
           {project?.name?.charAt(0)}
         </span>
       )}
+      {/* <Logo */}
       <h2 className="text-xl font-semibold">{project?.name}</h2>
     </div>
   );