diff --git a/src/components/loading.tsx b/src/components/loading.tsx
index 7b66698..95fff1f 100644
--- a/src/components/loading.tsx
+++ b/src/components/loading.tsx
@@ -3,15 +3,17 @@ import { Skeleton } from "@/components/ui/skeleton";
 
 interface LoadingProps {
   className?: string;
+  skeletonClassName?: string;
 }
 
 export function Loading({
   className,
+  skeletonClassName,
   ...props
 }: LoadingProps) {
   return (
     <div className={cn("h-full w-full p-2", className)} {...props}>
-      <Skeleton className="h-full w-full rounded-3xl" />
+      <Skeleton className={cn("h-full w-full rounded-3xl", skeletonClassName)} />
     </div>
   );
 }