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