fix missing icons

2 files changed, 4 insertions, 2 deletions

diff --git a/src/components/ui/FeatureItem.js b/src/components/ui/FeatureItem.js
index a63f5f7b5..53616f2eb 100644
--- a/src/components/ui/FeatureItem.js
+++ b/src/components/ui/FeatureItem.js
@@ -2,6 +2,7 @@ import React from 'react';
 import injectSheet from 'react-jss';
 import { Icon } from '@meetfranz/ui';
 import classnames from 'classnames';
+import { mdiCheckCircle } from '@mdi/js';
 
 const styles = theme => ({
   featureItem: {
@@ -27,7 +28,7 @@ export const FeatureItem = injectSheet(styles)(({
     {icon ? (
       <span className={classes.featureIcon}>{icon}</span>
     ) : (
-      <Icon icon="mdiCheckCircle" className={classes.featureIcon} size={1.5} />
+      <Icon icon={mdiCheckCircle} className={classes.featureIcon} size={1.5} />
     )}
     {name}
   </li>
diff --git a/src/components/ui/Modal/index.js b/src/components/ui/Modal/index.js
index 0b7154760..63d858c47 100644
--- a/src/components/ui/Modal/index.js
+++ b/src/components/ui/Modal/index.js
@@ -5,6 +5,7 @@ import classnames from 'classnames';
 import injectCSS from 'react-jss';
 import { Icon } from '@meetfranz/ui';
 
+import { mdiClose } from '@mdi/js';
 import styles from './styles';
 
 // ReactModal.setAppElement('#root');
@@ -59,7 +60,7 @@ export default @injectCSS(styles) class Modal extends Component {
             className={classes.close}
             onClick={close}
           >
-            <Icon icon="mdiClose" size={1.5} />
+            <Icon icon={mdiClose} size={1.5} />
           </button>
         )}
         <div className={classes.content}>