diff --git a/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx b/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx
index adc6cb23a78..b860646bab0 100644
--- a/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx
+++ b/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx
@@ -45,7 +45,7 @@ export const SubIssuesListGroup: FC<TSubIssuesListGroupProps> = observer((props)
   const isAllIssues = group.id === ALL_ISSUES;
 
   // states
-  const [isCollapsibleOpen, setIsCollapsibleOpen] = useState(isAllIssues);
+  const [isCollapsibleOpen, setIsCollapsibleOpen] = useState(true);
 
   if (!workItemIds.length) return null;
 
diff --git a/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx b/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx
index 2e88e0bc5c3..6b101829e74 100644
--- a/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx
+++ b/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx
@@ -5,7 +5,7 @@ import { ListFilter } from "lucide-react";
 import { EIssueServiceType, EIssuesStoreType } from "@plane/constants";
 import { GroupByColumnTypes, TIssue, TIssueServiceType, TSubIssueOperations } from "@plane/types";
 // hooks
-import { Button } from "@plane/ui";
+import { Button, Loader } from "@plane/ui";
 import { SectionEmptyState } from "@/components/empty-state";
 import { getGroupByColumns, isWorkspaceLevel } from "@/components/issues/issue-layouts/utils";
 import { useIssueDetail } from "@/hooks/store";
@@ -44,7 +44,7 @@ export const SubIssuesListRoot: React.FC<Props> = observer((props) => {
   // store hooks
   const {
     subIssues: {
-      subIssuesByIssueId,
+      subIssuesByIssueId, loader,
       filters: { getSubIssueFilters, getGroupedSubWorkItems, getFilteredSubWorkItems, resetFilters },
     },
   } = useIssueDetail(issueServiceType);
@@ -77,6 +77,16 @@ export const SubIssuesListRoot: React.FC<Props> = observer((props) => {
 
   const isSubWorkItems = issueServiceType === EIssueServiceType.ISSUES;
 
+    if (loader === "init-loader") {
+      return (
+        <Loader className="space-y-2">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <Loader.Item key={index} height="35px" width="100%" />
+          ))}
+        </Loader>
+      );
+    }
+
   return (
     <div className="relative">
       {isRootLevel && filteredSubWorkItemsCount === 0 ? (