From 457fd2ab4bc9e9450ca115599727595f2e4228db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eivind=20H=C3=B8iseth-Gilje?= <eivindgi@gmail.com>
Date: Wed, 24 Apr 2024 15:40:26 +0200
Subject: [PATCH] Stop Card from disregarding allowed styling related props

---
 .changeset/plenty-gorillas-collect.md |  5 +++++
 packages/spor-react/src/card/Card.tsx | 13 +++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/plenty-gorillas-collect.md

diff --git a/.changeset/plenty-gorillas-collect.md b/.changeset/plenty-gorillas-collect.md
new file mode 100644
index 000000000..2c1b26cd7
--- /dev/null
+++ b/.changeset/plenty-gorillas-collect.md
@@ -0,0 +1,5 @@
+---
+"@vygruppen/spor-react": patch
+---
+
+Stop Card from disregarding allowed styling related props
diff --git a/packages/spor-react/src/card/Card.tsx b/packages/spor-react/src/card/Card.tsx
index 3c456802a..25c5b6c06 100644
--- a/packages/spor-react/src/card/Card.tsx
+++ b/packages/spor-react/src/card/Card.tsx
@@ -1,6 +1,11 @@
-import { As, chakra, forwardRef, useStyleConfig } from "@chakra-ui/react";
+import {
+  As,
+  Box,
+  BoxProps,
+  forwardRef,
+  useStyleConfig,
+} from "@chakra-ui/react";
 import React from "react";
-import { BoxProps } from "../layout";
 
 export type CardProps = Exclude<BoxProps, "size"> & {
   size?: "sm" | "lg";
@@ -53,9 +58,9 @@ export const Card = forwardRef<CardProps, As>(
     });
 
     return (
-      <chakra.div sx={styles} {...props} ref={ref}>
+      <Box __css={styles} {...props} ref={ref}>
         {children}
-      </chakra.div>
+      </Box>
     );
   },
 );