From 0b8c2cf658d3ab5a9feecd8ceb891208ca0fe4ac Mon Sep 17 00:00:00 2001
From: Abraham <anubra266@gmail.com>
Date: Fri, 16 Dec 2022 10:23:17 +0100
Subject: [PATCH] fix (card): fix theme being overidden (#7114)

Fixes https://github.com/chakra-ui/chakra-ui/issues/7109
---
 .changeset/chilly-dragons-sin.md             | 5 +++++
 packages/components/card/src/card-footer.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/chilly-dragons-sin.md

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}
       />