diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 8ea6e71..f77a48a 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -96,6 +96,12 @@ body {
   cursor:text ;
 }
 /* ── Keyframe Animations ───────────────── */
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 @keyframes pulse {
   0%,
   100% {
@@ -243,4 +249,3 @@ body {
   background: rgba(0, 112, 243, 0.3);
   color: #EDEDED;
 }
-
diff --git a/apps/web/components/ui/Skeleton.tsx b/apps/web/components/ui/Skeleton.tsx
index e7a41f8..3be89d0 100644
--- a/apps/web/components/ui/Skeleton.tsx
+++ b/apps/web/components/ui/Skeleton.tsx
@@ -2,14 +2,12 @@
 
 import React from 'react';
 
-interface SkeletonProps {
-  className?: string;
-}
+type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
 
 /**
  * Base skeleton block with pulse animation.
  * Use this to build more specific skeleton components.
  */
-export function Skeleton({ className = '' }: SkeletonProps) {
-  return <div className={`animate-pulse rounded bg-white/5 ${className}`} />;
+export function Skeleton({ className = '', ...props }: SkeletonProps) {
+  return <div className={`animate-pulse rounded bg-white/5 ${className}`} {...props} />;
 }