diff --git a/frontend/src/components/common/Card.tsx b/frontend/src/components/common/Card.tsx
index 5d36980..85dad88 100644
--- a/frontend/src/components/common/Card.tsx
+++ b/frontend/src/components/common/Card.tsx
@@ -1,9 +1,8 @@
 import React from 'react';
 
-interface CardProps {
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
   title?: string;
-  className?: string;
   padding?: 'none' | 'sm' | 'md' | 'lg';
 }
 
@@ -12,6 +11,7 @@ export const Card: React.FC<CardProps> = ({
   title,
   className = '',
   padding = 'md',
+  ...props
 }) => {
   const paddingStyles = {
     none: '',
@@ -21,7 +21,7 @@ export const Card: React.FC<CardProps> = ({
   };
 
   return (
-    <div className={`bg-white rounded-lg shadow-md ${className}`}>
+    <div className={`bg-white rounded-lg shadow-md ${className}`} {...props}>
       {title && (
         <div className="px-6 py-4 border-b">
           <h3 className="text-lg font-semibold text-gray-900">{title}</h3>