diff --git a/scss/components/_alert.scss b/scss/components/_alert.scss
index 0c0fdb8a3..ca46f5cc2 100644
--- a/scss/components/_alert.scss
+++ b/scss/components/_alert.scss
@@ -13,8 +13,6 @@
     background: transparent;
     border: 0;
     float: right;
-    font-size: 21px;
-    font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
diff --git a/src/components/Alert2.tsx b/src/components/Alert2.tsx
index 1b3025d63..f028067e3 100644
--- a/src/components/Alert2.tsx
+++ b/src/components/Alert2.tsx
@@ -5,6 +5,7 @@
 
 import React from 'react';
 import {ClassNamesFn, themeable} from '../theme';
+import {Icon} from './icons';
 
 export interface AlertProps {
   level: 'danger' | 'info' | 'success' | 'warning';
@@ -70,7 +71,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
             onClick={this.handleClick}
             type="button"
           >
-            <span>×</span>
+            <Icon icon="close" className="icon" />
           </button>
         ) : null}
         {children}