diff --git a/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx b/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx
index 27644d3..4e664c4 100644
--- a/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx
+++ b/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx
@@ -1,13 +1,17 @@
 import { Skeleton } from "@/components/ui/skeleton";
+import { useGlobalBoundedStore } from "@/core/store/data";
 
 const SkeletonMilestones = () => {
+  const selectedEscrow = useGlobalBoundedStore((state) => state.selectedEscrow);
+  const milestones = selectedEscrow?.milestones || [];
+
   return (
     <div className="space-y-4">
       <div className="flex items-center">
         <Skeleton className="w-24 h-4 rounded-md" />
         <Skeleton className="ml-2 w-6 h-6 rounded-full" />
       </div>
-      {[...Array(3)].map((_, index) => (
+      {milestones.map((_, index) => (
         <div key={index} className="flex items-center space-x-4">
           <Skeleton className="w-24 h-6 rounded-md" />
           <Skeleton className="flex-1 h-10 rounded-md" />