diff --git a/packages/SimpleModule.UI/components/card.tsx b/packages/SimpleModule.UI/components/card.tsx
index c8c79e41..b76e4791 100644
--- a/packages/SimpleModule.UI/components/card.tsx
+++ b/packages/SimpleModule.UI/components/card.tsx
@@ -6,7 +6,7 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
     <div
       ref={ref}
       className={cn(
-        'bg-surface border border-border rounded-2xl p-5 transition-all duration-200 hover:border-border-strong',
+        'bg-surface border border-border rounded-2xl p-5 m-2 transition-all duration-200 hover:border-border-strong',
         className,
       )}
       {...props}
diff --git a/packages/SimpleModule.UI/registry/templates/card.tsx b/packages/SimpleModule.UI/registry/templates/card.tsx
index c8c79e41..b76e4791 100644
--- a/packages/SimpleModule.UI/registry/templates/card.tsx
+++ b/packages/SimpleModule.UI/registry/templates/card.tsx
@@ -6,7 +6,7 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
     <div
       ref={ref}
       className={cn(
-        'bg-surface border border-border rounded-2xl p-5 transition-all duration-200 hover:border-border-strong',
+        'bg-surface border border-border rounded-2xl p-5 m-2 transition-all duration-200 hover:border-border-strong',
         className,
       )}
       {...props}