rotated colors

src/components/containers/Card/index.tsx

@@ -2,15 +2,18 @@ import React, { FC } from 'react';
 import classNames = require("classnames");
 import * as styles from './styles.scss';
 
-type IProps = React.HTMLAttributes<HTMLDivElement> & {}
+type IProps = React.HTMLAttributes<HTMLDivElement> & {
+  seamless?: boolean;
+}
 
 const Card: FC<IProps> = ({
   className,
   children,
+  seamless,
   ...props
 }) => (
     <div
-      className={classNames(styles.card, className)}
+      className={classNames(styles.card, className, { seamless })}
       {...props}
     >
       {children}

src/components/containers/Card/styles.scss

@@ -1,6 +1,11 @@
 .card {
   background-color: #111111;
   border-radius: $panel_radius;
+  padding: $gap;
 
   @include outer_shadow();
+
+  &:global(.seamless) {
+    padding: 0;
+  }
 }