diff --git a/src/components/UI/card/Card.js b/src/components/UI/card/Card.js
index 3d18a584..6ed4d3fd 100644
--- a/src/components/UI/card/Card.js
+++ b/src/components/UI/card/Card.js
@@ -1,7 +1,6 @@
 import React from 'react';
-import styles from './Card.css'
+import styles from './Card.css';
 
-
-export default function Card({style, children}) {
-  return <div className={styles.card} style={style}>{children}</div>
+export default function Card({ style, className = '', children }) {
+  return <div className={`${styles.card} ${className}`} style={style}>{children}</div>;
 }
diff --git a/src/components/UI/icon/Icon.js b/src/components/UI/icon/Icon.js
index 885f9e45..07a56d47 100644
--- a/src/components/UI/icon/Icon.js
+++ b/src/components/UI/icon/Icon.js
@@ -191,8 +191,8 @@ const iconPropType = (props, propName) => {
   }
 };
 
-export default function Icon({ style, type }) {
-  return <span className={`${styles.root} ${styles[type]}`} style={style}/>;
+export default function Icon({ style, className = '', type }) {
+  return <span className={`${styles.root} ${styles[type]} ${className}`} style={style}/>;
 }
 
 Icon.propTypes = {