diff --git a/web/components/project/card-list.tsx b/web/components/project/card-list.tsx
index 19830c7c0..4e01dabd4 100644
--- a/web/components/project/card-list.tsx
+++ b/web/components/project/card-list.tsx
@@ -19,8 +19,6 @@ export const ProjectCardList = observer(() => {
   const { workspaceProjectIds, filteredProjectIds, getProjectById } = useProject();
   const { searchQuery } = useProjectFilter();
 
-  if (!filteredProjectIds) return <ProjectsLoader />;
-
   if (workspaceProjectIds?.length === 0)
     return (
       <EmptyState
@@ -31,6 +29,9 @@ export const ProjectCardList = observer(() => {
         }}
       />
     );
+
+  if (!filteredProjectIds) return <ProjectsLoader />;
+
   if (filteredProjectIds.length === 0)
     return (
       <div className="h-full w-full grid place-items-center">