diff --git a/src/__tests__/components/card.test.tsx b/src/__tests__/components/card.test.tsx
index e9031f140..022ff0f47 100644
--- a/src/__tests__/components/card.test.tsx
+++ b/src/__tests__/components/card.test.tsx
@@ -12,7 +12,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ cZfuWT"
+        class="sc-bdfBwQ gppsKf"
       >
         <div
           class="sc-gsTCUz iMfsSF"
diff --git a/src/components/Card/StyledCard.tsx b/src/components/Card/StyledCard.tsx
index e3a93316c..070f8f0e8 100644
--- a/src/components/Card/StyledCard.tsx
+++ b/src/components/Card/StyledCard.tsx
@@ -1,4 +1,5 @@
 import styled, { DefaultTheme } from "styled-components";
+import { space } from "styled-system";
 import { CardProps } from "./types";
 
 interface StyledCardProps extends CardProps {
@@ -32,6 +33,8 @@ const StyledCard = styled.div<StyledCardProps>`
   color: ${({ theme, isDisabled }) => theme.colors[isDisabled ? "textDisabled" : "text"]};
   overflow: hidden;
   position: relative;
+
+  ${space}
 `;
 
 StyledCard.defaultProps = {
diff --git a/src/components/Card/index.stories.tsx b/src/components/Card/index.stories.tsx
index 3a3c25ff7..038c48ee5 100644
--- a/src/components/Card/index.stories.tsx
+++ b/src/components/Card/index.stories.tsx
@@ -9,10 +9,6 @@ import Card from "./Card";
 
 const Row = styled.div`
   margin-bottom: 32px;
-
-  & > button + button {
-    margin-left: 16px;
-  }
 `;
 
 export default {
diff --git a/src/components/Card/types.ts b/src/components/Card/types.ts
index e4e03962a..9185c38bf 100644
--- a/src/components/Card/types.ts
+++ b/src/components/Card/types.ts
@@ -1,3 +1,4 @@
+import { HTMLAttributes } from "react";
 import { SpaceProps } from "styled-system";
 import { Colors } from "../../theme/types";
 
@@ -14,7 +15,7 @@ export type CardTheme = {
   boxShadowWarning: string;
 };
 
-export interface CardProps extends SpaceProps {
+export interface CardProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
   isActive?: boolean;
   isSuccess?: boolean;
   isWarning?: boolean;