diff --git a/.changeset/red-clubs-grab.md b/.changeset/red-clubs-grab.md
new file mode 100644
index 00000000..c941e2e5
--- /dev/null
+++ b/.changeset/red-clubs-grab.md
@@ -0,0 +1,5 @@
+---
+"@studiocms/ui": patch
+---
+
+Fixes custom classes on Cards overriding the default styles
diff --git a/packages/studiocms_ui/src/components/Card/Card.astro b/packages/studiocms_ui/src/components/Card/Card.astro
index ba9b7d00..54e23fb2 100644
--- a/packages/studiocms_ui/src/components/Card/Card.astro
+++ b/packages/studiocms_ui/src/components/Card/Card.astro
@@ -24,9 +24,16 @@ type Props<As extends HTMLTag = 'div'> = Omit<Polymorphic<{ as: As }>, 'as'> & {
 	variant?: 'default' | 'filled';
 };
 
-const { as: As = 'div', fullWidth, fullHeight, variant = 'default', ...props } = Astro.props;
+const {
+	as: As = 'div',
+	fullWidth,
+	fullHeight,
+	variant = 'default',
+	class: className,
+	...props
+} = Astro.props;
 ---
-<As class="sui-card" class:list={[fullWidth && "full-w", fullHeight && "full-h", variant]} {...props}>
+<As class:list={["sui-card", fullWidth && "full-w", fullHeight && "full-h", variant, className]} {...props}>
   <div class="sui-card-header">
     <slot name="header" />
   </div>