1 files changed, 6 insertions, 3 deletions
diff --git a/FrontEnd/src/views/common/Card.tsx b/FrontEnd/src/views/common/Card.tsx
index fb29f728..a8f0d3cc 100644
--- a/FrontEnd/src/views/common/Card.tsx
+++ b/FrontEnd/src/views/common/Card.tsx
@@ -7,12 +7,14 @@ import "./Card.css";
 interface CardProps extends ComponentPropsWithoutRef<"div"> {
   containerRef?: Ref<HTMLDivElement>;
   color?: ThemeColor;
-  noBackground?: boolean;
+  border?: "color" | "none";
+  background?: "color" | "solid" | "grayscale" | "none";
 }
 
 export default function Card({
   color,
-  noBackground,
+  background,
+  border,
   className,
   children,
   containerRef,
@@ -24,7 +26,8 @@ export default function Card({
       className={classNames(
         "cru-card",
         `cru-card-${color ?? "primary"}`,
-        noBackground && "cru-card-no-background",
+        `cru-card-border-${border ?? "color"}`,
+        `cru-card-background-${background ?? "solid"}`,
         className,
       )}
       {...otherProps}