fix(card): do not apply padding to outer flex container. Fixes #554 (#556)

Author: emmenko

src/components/card/card.js

@@ -16,15 +16,20 @@ const Card = props => (
         width: 100%;
         box-shadow: ${props.type === 'raised' ? vars.shadow1Second : 'none'};
         border-radius: ${vars.borderRadius6};
-        padding: ${vars.spacing16};
         background: ${props.theme === 'dark'
           ? vars.colorGray95
           : vars.colorWhite};
       `,
     ]}
     className={props.className}
   >
-    {props.children}
+    <div
+      css={css`
+        padding: ${vars.spacing16};
+      `}
+    >
+      {props.children}
+    </div>
   </div>
 );