From e8e55d6dc1373d0b40e78dd12624b4273f46edef Mon Sep 17 00:00:00 2001
From: melvinchia3636 <melvinchia623600@gmail.com>
Date: Tue, 2 Jun 2026 23:37:41 +0800
Subject: [PATCH] fix(ui): move Card bg prop after spread to allow overrides

---
 packages/ui/src/components/layout/Card/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/layout/Card/index.tsx b/packages/ui/src/components/layout/Card/index.tsx
index d21fa0fa3..cea7db9e6 100644
--- a/packages/ui/src/components/layout/Card/index.tsx
+++ b/packages/ui/src/components/layout/Card/index.tsx
@@ -16,16 +16,19 @@ export function Card<T extends React.ElementType = 'div'>({
   return (
     <Flex
       shadow
-      bg={isInteractive ? surface.defaultInteractive : surface.default}
       direction="column"
       p="md"
       position="relative"
       r="lg"
+      {...(props as FlexProps<T>)}
+      bg={{
+        ...(isInteractive ? surface.defaultInteractive : surface.default),
+        ...props.bg
+      }}
       style={{
         ...(isInteractive ? { cursor: 'pointer', transition: 'all 0.2s' } : {}),
         ...style
       }}
-      {...(props as FlexProps<T>)}
     />
   )
 }