diff --git a/package.json b/package.json
index 3ac932e..4804217 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@material-ui/core": "^3.1.2",
+    "@material-ui/icons": "^3.0.1",
     "ical.js": "^1.2.2",
     "immutable": "^4.0.0-rc.9",
     "isomorphic-fetch": "^2.1.1",
diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx
index 221230b..70e5670 100644
--- a/src/components/Contact.tsx
+++ b/src/components/Contact.tsx
@@ -2,12 +2,11 @@ import * as React from 'react';
 import * as moment from 'moment';
 
 import { List, ListItem, ListDivider as Divider } from '../widgets/List';
-import IconHome from 'material-ui/svg-icons/action/home';
-import IconDate from 'material-ui/svg-icons/action/date-range';
-import CommunicationCall from 'material-ui/svg-icons/communication/call';
-import CommunicationChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
-import CommunicationEmail from 'material-ui/svg-icons/communication/email';
-import { indigo500 } from 'material-ui/styles/colors';
+import IconHome from '@material-ui/icons/Home';
+import IconDate from '@material-ui/icons/DateRange';
+import CommunicationCall from '@material-ui/icons/Call';
+import CommunicationChatBubble from '@material-ui/icons/ChatBubble';
+import CommunicationEmail from '@material-ui/icons/Email';
 
 import PimItemHeader from './PimItemHeader';
 
@@ -66,7 +65,7 @@ class Contact extends React.PureComponent {
     lists.push(getAllType(
       'email',
       {
-        leftIcon: <CommunicationEmail color={indigo500} />,
+        leftIcon: <CommunicationEmail />,
       },
       (x) => ('mailto:' + x),
     ));
diff --git a/yarn.lock b/yarn.lock
index 677752d..715f61f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -82,6 +82,14 @@
     recompose "0.28.0 - 0.30.0"
     warning "^4.0.1"
 
+"@material-ui/icons@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@material-ui/icons/-/icons-3.0.1.tgz#671fb3d04dcaf9351dbbd2bf82ae2ae72e3d93cd"
+  integrity sha512-1kNcxYiIT1x8iDPEAlgmKrfRTIV8UyK6fLVcZ9kMHIKGWft9I451V5mvSrbCjbf7MX1TbLWzZjph0aVCRf9MqQ==
+  dependencies:
+    "@babel/runtime" "7.0.0"
+    recompose "^0.29.0"
+
 "@types/history@*":
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.0.tgz#2fac51050c68f7d6f96c5aafc631132522f4aa3f"
@@ -7338,6 +7346,18 @@ recompose@^0.26.0:
     hoist-non-react-statics "^2.3.1"
     symbol-observable "^1.0.4"
 
+recompose@^0.29.0:
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.29.0.tgz#f1a4e20d5f24d6ef1440f83924e821de0b1bccef"
+  integrity sha512-J/qLXNU4W+AeHCDR70ajW8eMd1uroqZaECTj6qqDLPMILz3y0EzpYlvrnxKB9DnqcngWrtGwjXY9JeXaW9kS1A==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    react-lifecycles-compat "^3.0.2"
+    symbol-observable "^1.0.4"
+
 recursive-readdir@2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.1.tgz#90ef231d0778c5ce093c9a48d74e5c5422d13a99"