diff --git a/app/(protected)/dashboard/loading.tsx b/app/(protected)/dashboard/loading.tsx
index 7ad32ed..83d2a91 100644
--- a/app/(protected)/dashboard/loading.tsx
+++ b/app/(protected)/dashboard/loading.tsx
@@ -5,8 +5,15 @@ export default function DashboardLoading() {
   return (
     <>
       <DashboardHeader heading="Dashboard" text="" />
-      <Skeleton className="h-[200px] w-full rounded-lg" />
-      <Skeleton className="h-[200px] w-full rounded-lg" />
+      <div className="flex flex-col gap-5">
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-3 lg:grid-cols-3">
+          <Skeleton className="h-32 w-full rounded-lg" />
+          <Skeleton className="h-32 w-full rounded-lg" />
+          <Skeleton className="h-32 w-full rounded-lg" />
+        </div>
+        <Skeleton className="h-[250px] w-full rounded-lg" />
+        <Skeleton className="h-[250px] w-full rounded-lg" />
+      </div>
     </>
   );
 }