diff --git a/.changeset/chilly-dragons-sin.md b/.changeset/chilly-dragons-sin.md
new file mode 100644
index 00000000000..5895ce81940
--- /dev/null
+++ b/.changeset/chilly-dragons-sin.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/card": patch
+---
+
+Fix theme being overriden
diff --git a/packages/components/card/src/card-footer.tsx b/packages/components/card/src/card-footer.tsx
index 92583153b0f..58bd9dde6ad 100644
--- a/packages/components/card/src/card-footer.tsx
+++ b/packages/components/card/src/card-footer.tsx
@@ -20,9 +20,9 @@ export const CardFooter = forwardRef<CardFooterProps, "div">(
         ref={ref}
         className={cx("chakra-card__footer", className)}
         __css={{
-          ...styles.footer,
           display: "flex",
           justifyContent: justify,
+          ...styles.footer,
         }}
         {...rest}
       />