diff --git a/packages/types/src/project/projects.d.ts b/packages/types/src/project/projects.d.ts
index f878266b75d..d992bc7105b 100644
--- a/packages/types/src/project/projects.d.ts
+++ b/packages/types/src/project/projects.d.ts
@@ -15,6 +15,7 @@ export interface IProject {
   archived_at: string | null;
   archived_issues: number;
   archived_sub_issues: number;
+  completed_issues: number;
   close_in: number;
   created_at: Date;
   created_by: string;
diff --git a/web/core/components/dropdowns/project.tsx b/web/core/components/dropdowns/project.tsx
index f94014eb8b8..052527ab6dd 100644
--- a/web/core/components/dropdowns/project.tsx
+++ b/web/core/components/dropdowns/project.tsx
@@ -1,7 +1,7 @@
 import { ReactNode, useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { usePopper } from "react-popper";
-import { Check, ChevronDown, Search } from "lucide-react";
+import { Briefcase, Check, ChevronDown, Search } from "lucide-react";
 import { Combobox } from "@headlessui/react";
 // ui
 import { ComboDropDown } from "@plane/ui";
@@ -143,10 +143,14 @@ export const ProjectDropdown: React.FC<Props> = observer((props) => {
     if (Array.isArray(value)) {
       return (
         <div className="flex items-center gap-0.5">
-          {value.map((projectId) => {
-            const projectDetails = getProjectById(projectId);
-            return projectDetails ? renderIcon(projectDetails) : null;
-          })}
+          {value.length > 0 ? (
+            value.map((projectId) => {
+              const projectDetails = getProjectById(projectId);
+              return projectDetails ? renderIcon(projectDetails) : null;
+            })
+          ) : (
+            <Briefcase className="size-3 text-custom-text-300" />
+          )}
         </div>
       );
     } else {