diff --git a/components/Card/Card.jsx b/components/Card/Card.jsx
index 72639171c..dd0e198a2 100644
--- a/components/Card/Card.jsx
+++ b/components/Card/Card.jsx
@@ -22,7 +22,7 @@ const CardWrapper = styled.article`
   flex-direction: column;
   position: relative;
 
-  ${shadow()}
+  ${shadow(1)}
 
   ${({
     theme: {
diff --git a/components/Card/__snapshots__/Card.unit.test.jsx.snap b/components/Card/__snapshots__/Card.unit.test.jsx.snap
index 58171c013..79cd11184 100644
--- a/components/Card/__snapshots__/Card.unit.test.jsx.snap
+++ b/components/Card/__snapshots__/Card.unit.test.jsx.snap
@@ -64,7 +64,7 @@ exports[`<Card /> Snapshots Should match the snapshot 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative;
-  box-shadow: 0px 0px 0px 0px rgba(76,76,76,0.2),0px 0px 0px 0px rgba(76,76,76,0.14),0px 0px 0px 0px rgba(76,76,76,0.12);
+  box-shadow: 0px 2px 1px -1px rgba(76,76,76,0.2),0px 1px 1px 0px rgba(76,76,76,0.14),0px 1px 3px 0px rgba(76,76,76,0.12);
   background-color: #f2f2f2;
 }