diff --git a/apps/web/src/components/EmptyState.tsx b/apps/web/src/components/EmptyState.tsx
index 3c086a8..5d1f01a 100644
--- a/apps/web/src/components/EmptyState.tsx
+++ b/apps/web/src/components/EmptyState.tsx
@@ -6,11 +6,12 @@ interface EmptyStateProps {
   title: string;
   description: string;
   action?: ReactNode;
+  className?: string;
 }
 
-export function EmptyState({icon: Icon, title, description, action}: EmptyStateProps) {
+export function EmptyState({icon: Icon, title, description, action, className}: EmptyStateProps) {
   return (
-    <div className="text-center py-14">
+    <div className={`text-center py-14 ${className ?? ''}`}>
       <div className="inline-flex items-center justify-center w-10 h-10 rounded-md border border-neutral-200 bg-neutral-50 mb-4">
         <Icon className="h-5 w-5 text-neutral-400" />
       </div>