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