diff --git a/client/coral-ui/components/Drawer.css b/client/coral-ui/components/Drawer.css
index 1e3055184..40458b94f 100644
--- a/client/coral-ui/components/Drawer.css
+++ b/client/coral-ui/components/Drawer.css
@@ -37,6 +37,12 @@
   text-align: center;
   cursor: pointer;
 
+  .icon {
+    color: #595959;
+    font-size: 25px;
+    display: block;
+  }
+
   &:hover {
     color: #ccc;
   }
diff --git a/client/coral-ui/components/Drawer.js b/client/coral-ui/components/Drawer.js
index 738354cd7..1fa224e0f 100644
--- a/client/coral-ui/components/Drawer.js
+++ b/client/coral-ui/components/Drawer.js
@@ -2,11 +2,14 @@ import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import styles from './Drawer.css';
+import {Icon} from 'coral-ui';
 
 const Drawer = ({children, onClose, className = ''}) => {
   return (
     <div className={cn(styles.drawer, className)}>
-      <button className={cn(styles.closeButton, [className, 'close-button'].join('-'))} onClick={onClose}>×</button>
+      <button className={cn(styles.closeButton, [className, 'close-button'].join('-'))} onClick={onClose}>
+        <Icon name="close" className={styles.icon} />
+      </button>
       <div className={styles.content}>
         {children}
       </div>